diff --git a/wp-includes/css/dist/block-library/editor-rtl.css b/wp-includes/css/dist/block-library/editor-rtl.css index 0fcf62ac52..a819eb003e 100644 --- a/wp-includes/css/dist/block-library/editor-rtl.css +++ b/wp-includes/css/dist/block-library/editor-rtl.css @@ -1,1023 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.block-editor ul.wp-block-archives { - padding-right: 2.5em; } - -.wp-block-audio { - margin: 0; } - -.editor-block-list__block[data-type="core/button"][data-align="center"] { - text-align: center; } - -.editor-block-list__block[data-type="core/button"][data-align="right"] { - text-align: right; } - -.wp-block-button { - display: inline-block; - margin-bottom: 0; - position: relative; } - .wp-block-button .editor-rich-text__tinymce.mce-content-body { - cursor: text; } - .wp-block-button:not(.has-text-color):not(.is-style-outline) .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce { - color: #fff; } - .wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce { - opacity: 0.8; } - .editor-block-preview__content .wp-block-button { - max-width: 100%; } - .editor-block-preview__content .wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible="true"] { - height: auto; } - .editor-block-preview__content .wp-block-button .wp-block-button__link { - max-width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - -.block-library-button__inline-link { - background: #fff; - display: flex; - flex-wrap: wrap; - align-items: center; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 1.4; - width: 374px; } - .block-library-button__inline-link .editor-url-input { - width: auto; } - .block-library-button__inline-link .editor-url-input__suggestions { - width: 302px; - z-index: 6; } - .block-library-button__inline-link > .dashicon { - width: 36px; } - .block-library-button__inline-link .dashicon { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]::-webkit-input-placeholder { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]:-ms-input-placeholder { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]::-ms-input-placeholder { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]::placeholder { - color: #8f98a1; } - [data-align="center"] .block-library-button__inline-link { - margin-right: auto; - margin-left: auto; } - [data-align="right"] .block-library-button__inline-link { - margin-right: auto; - margin-left: 0; } - -.block-editor .wp-block-categories ul { - padding-right: 2.5em; } - .block-editor .wp-block-categories ul ul { - margin-top: 6px; } - -.wp-block-code .editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; } - .wp-block-code .editor-plain-text:focus { - box-shadow: none; } - -.components-tab-button { - display: inline-flex; - align-items: flex-end; - margin: 0; - padding: 3px; - background: none; - outline: none; - color: #555d66; - cursor: pointer; - position: relative; - height: 36px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - font-weight: 500; - border: 0; } - .components-tab-button.is-active, .components-tab-button.is-active:hover { - color: #fff; } - .components-tab-button:disabled { - cursor: default; } - .components-tab-button > span { - border: 1px solid transparent; - padding: 0 6px; - box-sizing: content-box; - height: 28px; - line-height: 28px; } - .components-tab-button:hover > span, - .components-tab-button:focus > span { - color: #555d66; } - .components-tab-button:not(:disabled).is-active > span, - .components-tab-button:not(:disabled):hover > span, - .components-tab-button:not(:disabled):focus > span { - border: 1px solid #555d66; } - .components-tab-button.is-active > span, - .components-tab-button.is-active:hover > span { - background-color: #555d66; - color: #fff; } - -.wp-block-columns .editor-block-list__layout { - margin-right: 0; - margin-left: 0; } - .wp-block-columns .editor-block-list__layout .editor-block-list__block { - max-width: none; } - -.editor-block-list__block[data-align="full"] .wp-block-columns > .editor-inner-blocks { - padding-right: 14px; - padding-left: 14px; } - @media (min-width: 600px) { - .editor-block-list__block[data-align="full"] .wp-block-columns > .editor-inner-blocks { - padding-right: 60px; - padding-left: 60px; } } - -.wp-block-columns { - display: block; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout { - display: flex; - flex-wrap: wrap; } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout { - flex-wrap: nowrap; } } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { - display: flex; - flex-direction: column; - flex: 1; - padding-right: 0; - padding-left: 0; - margin-right: -14px; - margin-left: -14px; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - flex-basis: 100%; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div > .editor-inner-blocks { - margin-top: -28px; - margin-bottom: -28px; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit { - margin-top: 0; - margin-bottom: 0; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit::before { - right: 0; - left: 0; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { - margin-right: -1px; } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { - margin-right: 14px; - margin-left: 14px; } } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { - flex-basis: 50%; - flex-grow: 0; } } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:nth-child(odd) { - margin-left: 32px; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:nth-child(even) { - margin-right: 32px; } } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:first-child) { - margin-right: 32px; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:last-child) { - margin-left: 32px; } } - -.wp-block-columns [data-type="core/column"] { - pointer-events: none; } - .wp-block-columns [data-type="core/column"].is-hovered > .editor-block-list__block-edit::before { - content: none; } - .wp-block-columns [data-type="core/column"].is-hovered .editor-block-list__breadcrumb { - display: none; } - -:not(.components-disabled) > .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > * { - pointer-events: all; } - -.wp-block-cover-image .editor-rich-text__tinymce[data-is-empty="true"]::before, -.wp-block-cover .editor-rich-text__tinymce[data-is-empty="true"]::before { - position: inherit; } - -.wp-block-cover-image .editor-rich-text__tinymce:focus a[data-mce-selected], -.wp-block-cover .editor-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: none; - background: rgba(255, 255, 255, 0.3); } - -.wp-block-cover-image.components-placeholder h2, -.wp-block-cover.components-placeholder h2 { - color: inherit; } - -.wp-block-cover-image.has-left-content .editor-rich-text__inline-toolbar, -.wp-block-cover.has-left-content .editor-rich-text__inline-toolbar { - justify-content: flex-start; } - -.wp-block-cover-image.has-right-content .editor-rich-text__inline-toolbar, -.wp-block-cover.has-right-content .editor-rich-text__inline-toolbar { - justify-content: flex-end; } - -.wp-block-cover-image.components-placeholder, -.wp-block-cover.components-placeholder { - background: rgba(139, 139, 150, 0.1); - min-height: 200px; } - .is-dark-theme .wp-block-cover-image.components-placeholder, .is-dark-theme - .wp-block-cover.components-placeholder { - background: rgba(255, 255, 255, 0.15); } - -[data-align="left"] .wp-block-cover-image, -[data-align="right"] .wp-block-cover-image, [data-align="left"] -.wp-block-cover, -[data-align="right"] -.wp-block-cover { - max-width: 305px; - width: 100%; } - -.wp-block-embed { - margin: 0; - clear: both; } - @media (min-width: 600px) { - .wp-block-embed { - min-width: 360px; } } - .wp-block-embed.is-loading { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 1em; - min-height: 200px; - text-align: center; - background: #f8f9f9; } - .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-file { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 0; } - .wp-block-file.is-transient { - animation: edit-post__loading-fade-animation 1.6s ease-in-out infinite; } - .wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; } - .wp-block-file .wp-block-file__textlink { - display: inline-block; - min-width: 1em; } - .wp-block-file .wp-block-file__textlink:focus { - box-shadow: none; } - .wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-right: 0.75em; } - .wp-block-file .wp-block-file__copy-url-button { - margin-right: 1em; } - -.wp-block-freeform.block-library-rich-text__tinymce { - overflow: hidden; - /** - * The following gallery styles were replicated - * from the styles applied in the tinymce skin, - * /wp-includes/js/tinymce/skins/wordpress/wp-content.css. - */ } - .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 #e2e4e7; - 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: 14px; - color: #23282d; } - .wp-block-freeform.block-library-rich-text__tinymce h1 { - font-size: 2em; } - .wp-block-freeform.block-library-rich-text__tinymce h2 { - font-size: 1.6em; } - .wp-block-freeform.block-library-rich-text__tinymce h3 { - font-size: 1.4em; } - .wp-block-freeform.block-library-rich-text__tinymce h4 { - font-size: 1.2em; } - .wp-block-freeform.block-library-rich-text__tinymce h5 { - font-size: 1.1em; } - .wp-block-freeform.block-library-rich-text__tinymce h6 { - font-size: 1em; } - .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: #007fac; } - .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: #23282d; - background: #f3f4f5; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; } - .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #e8eaeb; } - .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: 0; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - border: 2px dashed #bababa; } - .wp-block-freeform.block-library-rich-text__tinymce .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.33333%; } - .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.66667%; } - .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.28571%; } - .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.11111%; } - .wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active button, -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover button, -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active i, -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover i { - color: #23282d; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn i { - font-style: normal; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-toolbar-grp > div { - padding: 1px 3px; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .editor-block-list__block-edit::before { - outline: 1px solid #e2e4e7; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"].is-hovered .editor-block-list__breadcrumb { - display: none; } - -div[data-type="core/freeform"] .editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; } - -.block-library-classic__toolbar { - width: auto; - margin: 0 -14px; - position: -webkit-sticky; - position: sticky; - z-index: 10; - top: 14px; - transform: translateY(-14px); - padding: 0 14px; } - @media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; } } - -.block-library-classic__toolbar:empty { - height: 37px; - 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 .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 .mce-toolbar:not(:first-child) { - display: none; } - -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; } - -@media (min-width: 600px) { - .editor-block-list__block[data-type="core/freeform"] .editor-block-switcher__no-switcher-icon { - display: none; } - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar { - float: left; - margin-left: 23px; - transform: translateY(-13px); - top: 14px; } - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar { - border: none; - margin-top: 3px; } } - @media (min-width: 600px) and (min-width: 782px) { - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar { - margin-top: 0; } } - -@media (min-width: 600px) { - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar::before { - content: ""; - display: block; - border-right: 1px solid #e2e4e7; - margin-top: 4px; - margin-bottom: 4px; } - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .components-toolbar { - background: transparent; - border: none; } - .editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item { - padding-left: 36px; } } - -ul.wp-block-gallery li { - list-style-type: none; } - -.blocks-gallery-item figure:not(.is-selected):focus { - outline: none; } - -.blocks-gallery-item img:focus, -.blocks-gallery-item .is-selected { - outline: 4px solid #0085ba; } - -body.admin-color-sunrise .blocks-gallery-item img:focus, body.admin-color-sunrise .blocks-gallery-item .is-selected { - outline: 4px solid #d1864a; } - -body.admin-color-ocean .blocks-gallery-item img:focus, body.admin-color-ocean .blocks-gallery-item .is-selected { - outline: 4px solid #a3b9a2; } - -body.admin-color-midnight .blocks-gallery-item img:focus, body.admin-color-midnight .blocks-gallery-item .is-selected { - outline: 4px solid #e14d43; } - -body.admin-color-ectoplasm .blocks-gallery-item img:focus, body.admin-color-ectoplasm .blocks-gallery-item .is-selected { - outline: 4px solid #a7b656; } - -body.admin-color-coffee .blocks-gallery-item img:focus, body.admin-color-coffee .blocks-gallery-item .is-selected { - outline: 4px solid #c2a68c; } - -body.admin-color-blue .blocks-gallery-item img:focus, body.admin-color-blue .blocks-gallery-item .is-selected { - outline: 4px solid #82b4cb; } - -body.admin-color-light .blocks-gallery-item img:focus, body.admin-color-light .blocks-gallery-item .is-selected { - outline: 4px solid #0085ba; } - -.blocks-gallery-item .is-transient img { - opacity: 0.3; } - -.blocks-gallery-item .editor-rich-text { - position: absolute; - bottom: 0; - width: 100%; - max-height: 100%; - overflow-y: auto; } - -.blocks-gallery-item .editor-rich-text figcaption:not([data-is-placeholder-visible="true"]) { - position: relative; - overflow: hidden; } - -@supports ((position: -webkit-sticky) or (position: sticky)) { - .blocks-gallery-item .is-selected .editor-rich-text { - left: 0; - right: 0; - margin-top: -4px; } } - -.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__inline-toolbar { - top: 0; } - -.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__tinymce { - padding-top: 48px; } - -.blocks-gallery-item .components-form-file-upload, -.blocks-gallery-item .components-button.block-library-gallery-add-item-button { - width: 100%; - height: 100%; } - -.blocks-gallery-item .components-button.block-library-gallery-add-item-button { - display: flex; - flex-direction: column; - justify-content: center; - box-shadow: none; - border: none; - border-radius: 0; - min-height: 100px; } - .blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon { - margin-top: 10px; } - .blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover, .blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus { - border: 1px solid #555d66; } - -.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce a { - color: #fff; } - -.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce:focus a[data-mce-selected] { - color: rgba(0, 0, 0, 0.2); } - -.block-library-gallery-item__inline-menu { - padding: 2px; - position: absolute; - top: -2px; - left: -2px; - background-color: #0085ba; - display: inline-flex; - z-index: 20; } - -body.admin-color-sunrise .block-library-gallery-item__inline-menu { - background-color: #d1864a; } - -body.admin-color-ocean .block-library-gallery-item__inline-menu { - background-color: #a3b9a2; } - -body.admin-color-midnight .block-library-gallery-item__inline-menu { - background-color: #e14d43; } - -body.admin-color-ectoplasm .block-library-gallery-item__inline-menu { - background-color: #a7b656; } - -body.admin-color-coffee .block-library-gallery-item__inline-menu { - background-color: #c2a68c; } - -body.admin-color-blue .block-library-gallery-item__inline-menu { - background-color: #82b4cb; } - -body.admin-color-light .block-library-gallery-item__inline-menu { - background-color: #0085ba; } - .block-library-gallery-item__inline-menu .components-button { - color: #fff; } - .block-library-gallery-item__inline-menu .components-button:hover, .block-library-gallery-item__inline-menu .components-button:focus { - color: #fff; } - -.blocks-gallery-item__remove { - padding: 0; } - .blocks-gallery-item__remove.components-button:focus { - color: inherit; } - -.blocks-gallery-item .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; } - -.is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2), -.is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2), -.is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2), -.is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2) { - margin-left: 0; } - -.wp-block-heading h1, -.wp-block-heading h2, -.wp-block-heading h3, -.wp-block-heading h4, -.wp-block-heading h5, -.wp-block-heading h6 { - color: inherit; - margin: 0; } - -.wp-block-heading h1 { - font-size: 2.44em; } - -.wp-block-heading h2 { - font-size: 1.95em; } - -.wp-block-heading h3 { - font-size: 1.56em; } - -.wp-block-heading h4 { - font-size: 1.25em; } - -.wp-block-heading h5 { - font-size: 1em; } - -.wp-block-heading h6 { - font-size: 0.8em; } - -.wp-block-heading h1.editor-rich-text__tinymce, -.wp-block-heading h2.editor-rich-text__tinymce, -.wp-block-heading h3.editor-rich-text__tinymce { - line-height: 1.4; } - -.wp-block-heading h4.editor-rich-text__tinymce { - line-height: 1.5; } - -.wp-block-html .editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; - padding: 0.8em 1em; - border: 1px solid #e2e4e7; - border-radius: 4px; } - .wp-block-html .editor-plain-text:focus { - box-shadow: none; } - -.wp-block-image { - position: relative; } - .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 .components-resizable-box__container { - display: inline-block; } - .wp-block-image .components-resizable-box__container img { - display: block; - width: 100%; } - -.wp-block-image.is-focused .components-resizable-box__handle { - display: block; - z-index: 1; } - -.editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image { - margin-right: auto; - margin-left: auto; } - -.editor-block-list__block[data-type="core/image"][data-align="center"][data-resized="false"] .wp-block-image > div { - margin-right: auto; - margin-left: auto; } - -.edit-post-sidebar .block-library-image__dimensions { - margin-bottom: 1em; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row { - display: flex; - justify-content: space-between; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width, - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { - margin-bottom: 0.5em; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input, - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input { - line-height: 1.25; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width { - margin-left: 5px; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { - margin-right: 5px; } - -.editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal { - position: absolute; - right: 0; - left: 0; - margin: -1px 0; } - @media (min-width: 600px) { - .editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal { - margin: -1px; } } - -[data-type="core/image"][data-align="center"] .editor-block-list__block-edit figure, -[data-type="core/image"][data-align="left"] .editor-block-list__block-edit figure, -[data-type="core/image"][data-align="right"] .editor-block-list__block-edit figure { - margin: 0; - display: table; } - -[data-type="core/image"][data-align="center"] .editor-block-list__block-edit .editor-rich-text, -[data-type="core/image"][data-align="left"] .editor-block-list__block-edit .editor-rich-text, -[data-type="core/image"][data-align="right"] .editor-block-list__block-edit .editor-rich-text { - display: table-caption; - caption-side: bottom; } - -[data-type="core/image"][data-align="wide"] figure img, -[data-type="core/image"][data-align="full"] figure img { - width: 100%; } - -[data-type="core/image"] .editor-block-list__block-edit figure.is-resized { - margin: 0; - display: table; } - [data-type="core/image"] .editor-block-list__block-edit figure.is-resized .editor-rich-text { - display: table-caption; - caption-side: bottom; } - -.wp-block-latest-comments.has-avatars .avatar { - margin-left: 10px; } - -.wp-block-latest-comments__comment-excerpt p { - font-size: 14px; - line-height: 1.8; - margin: 5px 0 20px; - padding-top: 0; } - -.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { - min-height: 36px; } - -.block-editor .wp-block-latest-posts { - padding-right: 2.5em; } - .block-editor .wp-block-latest-posts.is-grid { - padding-right: 0; } - -.wp-block-media-text { - grid-template-areas: "media-text-media media-text-content" "resizer resizer"; } - -.wp-block-media-text.has-media-on-the-right { - grid-template-areas: "media-text-content media-text-media" "resizer resizer"; } - -.wp-block-media-text .__resizable_base__ { - grid-area: resizer; } - -.wp-block-media-text .editor-media-container__resizer { - grid-area: media-text-media; - align-self: center; - width: 100% !important; } - -.wp-block-media-text .editor-inner-blocks { - word-break: break-word; - grid-area: media-text-content; - text-align: initial; - padding: 0 8% 0 8%; } - -.wp-block-media-text > .editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block { - max-width: unset; } - -figure.block-library-media-text__media-container { - margin: 0; - height: 100%; - width: 100%; } - -.wp-block-media-text .block-library-media-text__media-container img, -.wp-block-media-text .block-library-media-text__media-container video { - vertical-align: middle; - width: 100%; } - -.editor-media-container__resizer .components-resizable-box__handle { - display: none; } - -.wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle { - display: block; } - -@media (min-width: 600px) { - .wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle { - display: block; } } - -.block-library-list .editor-rich-text__tinymce, -.block-library-list .editor-rich-text__tinymce ul, -.block-library-list .editor-rich-text__tinymce ol { - padding-right: 1.3em; - margin-right: 1.3em; } - -.editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; } - -.block-editor .wp-block-more { - display: block; - text-align: center; - white-space: nowrap; } - .block-editor .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: #6c7781; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; } - .block-editor .wp-block-more input[type="text"]:focus { - box-shadow: none; } - .block-editor .wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - right: 0; - left: 0; - border-top: 3px dashed #ccd0d4; } - -.editor-visual-editor__block[data-type="core/nextpage"] { - max-width: 100%; } - -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; } - .wp-block-nextpage > span { - font-size: 13px; - position: relative; - display: inline-block; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #6c7781; - 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 #ccd0d4; } - -.editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce.wp-block-paragraph { - padding-left: 108px; } - .wp-block .wp-block .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce.wp-block-paragraph { - padding-left: 36px; } - -.wp-block-preformatted pre { - white-space: pre-wrap; } - -.editor-block-list__block[data-type="core/pullquote"][data-align="left"] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, -.editor-block-list__block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p, .editor-block-list__block[data-type="core/pullquote"][data-align="right"] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, -.editor-block-list__block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p { - font-size: 20px; } - -.wp-block-pullquote cite .editor-rich-text__tinymce[data-is-empty="true"]::before { - font-size: 14px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - -.wp-block-pullquote .editor-rich-text__tinymce[data-is-empty="true"]::before { - width: 100%; - right: 50%; - transform: translateX(50%); } - -.wp-block-pullquote blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, -.wp-block-pullquote blockquote > .editor-rich-text p { - font-size: 28px; - line-height: 1.6; } - -.wp-block-pullquote.is-style-solid-color { - margin-right: 0; - margin-left: 0; } - .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text 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-quote { - margin: 0; } - .wp-block-quote__citation { - font-size: 13px; } - -.wp-block-shortcode { - display: flex; - flex-direction: row; - padding: 14px; - background-color: #f8f9f9; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - .wp-block-shortcode label { - display: flex; - align-items: center; - margin-left: 8px; - white-space: nowrap; - font-weight: 600; - flex-shrink: 0; } - .wp-block-shortcode .editor-plain-text { - flex-grow: 1; } - .wp-block-shortcode .dashicon { - margin-left: 8px; } - -.block-library-spacer__resize-container.is-selected { - background: #f3f4f5; } - -.edit-post-visual-editor p.wp-block-subhead { - color: #6c7781; - font-size: 1.1em; - font-style: italic; } - -.editor-block-list__block[data-type="core/table"][data-align="left"] table, .editor-block-list__block[data-type="core/table"][data-align="right"] table, .editor-block-list__block[data-type="core/table"][data-align="center"] table { - width: auto; } - -.editor-block-list__block[data-type="core/table"][data-align="center"] { - text-align: initial; } - .editor-block-list__block[data-type="core/table"][data-align="center"] table { - margin: 0 auto; } - -.wp-block-table table { - border-collapse: collapse; - width: 100%; } - -.wp-block-table td, -.wp-block-table th { - padding: 0; - border: 1px solid currentColor; } - -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: #00a0d2; - box-shadow: inset 0 0 0 1px #00a0d2; - border-style: double; } - -.wp-block-table__cell-content { - padding: 0.5em; } - -.wp-block-text-columns .editor-rich-text__tinymce:focus { - outline: 1px solid #e2e4e7; } - -pre.wp-block-verse, -.wp-block-verse pre { - color: #191e23; - white-space: nowrap; - font-family: inherit; - font-size: inherit; - padding: 1em; - overflow: auto; } - -.editor-block-list__block[data-align="center"] { - text-align: center; } - -.editor-video-poster-control .components-button { - margin-left: 8px; } - -.editor-video-poster-control .components-button + .components-button { - margin-top: 1em; } +.block-editor ul.wp-block-archives{padding-right:2.5em}.wp-block-audio{margin:0}.editor-block-list__block[data-type="core/button"][data-align=center]{text-align:center}.editor-block-list__block[data-type="core/button"][data-align=right]{text-align:right}.wp-block-button{display:inline-block;margin-bottom:0;position:relative}.wp-block-button .editor-rich-text__tinymce.mce-content-body{cursor:text}.wp-block-button:not(.has-text-color):not(.is-style-outline) .editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce{color:#fff}.wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce{opacity:.8}.editor-block-preview__content .wp-block-button{max-width:100%}.editor-block-preview__content .wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible=true]{height:auto}.editor-block-preview__content .wp-block-button .wp-block-button__link{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.block-library-button__inline-link{background:#fff;display:flex;flex-wrap:wrap;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:374px}.block-library-button__inline-link .editor-url-input{width:auto}.block-library-button__inline-link .editor-url-input__suggestions{width:302px;z-index:6}.block-library-button__inline-link>.dashicon{width:36px}.block-library-button__inline-link .dashicon{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]::-webkit-input-placeholder{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]:-ms-input-placeholder{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]::-ms-input-placeholder{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]::placeholder{color:#8f98a1}[data-align=center] .block-library-button__inline-link{margin-right:auto;margin-left:auto}[data-align=right] .block-library-button__inline-link{margin-right:auto;margin-left:0}.block-editor .wp-block-categories ul{padding-right:2.5em}.block-editor .wp-block-categories ul ul{margin-top:6px}.wp-block-code .editor-plain-text{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d}.wp-block-code .editor-plain-text:focus{box-shadow:none}.components-tab-button{display:inline-flex;align-items:flex-end;margin:0;padding:3px;background:none;outline:none;color:#555d66;cursor:pointer;position:relative;height:36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;border:0}.components-tab-button.is-active,.components-tab-button.is-active:hover{color:#fff}.components-tab-button:disabled{cursor:default}.components-tab-button>span{border:1px solid transparent;padding:0 6px;box-sizing:content-box;height:28px;line-height:28px}.components-tab-button:focus>span,.components-tab-button:hover>span{color:#555d66}.components-tab-button:not(:disabled).is-active>span,.components-tab-button:not(:disabled):focus>span,.components-tab-button:not(:disabled):hover>span{border:1px solid #555d66}.components-tab-button.is-active:hover>span,.components-tab-button.is-active>span{background-color:#555d66;color:#fff}.wp-block-columns .editor-block-list__layout{margin-right:0;margin-left:0}.wp-block-columns .editor-block-list__layout .editor-block-list__block{max-width:none}.editor-block-list__block[data-align=full] .wp-block-columns>.editor-inner-blocks{padding-right:14px;padding-left:14px}@media (min-width:600px){.editor-block-list__block[data-align=full] .wp-block-columns>.editor-inner-blocks{padding-right:60px;padding-left:60px}}.wp-block-columns{display:block}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout{display:flex;flex-wrap:wrap}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout{flex-wrap:nowrap}}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]{display:flex;flex-direction:column;flex:1;padding-right:0;padding-left:0;margin-right:-14px;margin-left:-14px;min-width:0;word-break:break-word;overflow-wrap:break-word;flex-basis:100%}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>div>.editor-inner-blocks{margin-top:-28px;margin-bottom:-28px}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit{margin-top:0;margin-bottom:0}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit:before{right:0;left:0}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>.editor-block-contextual-toolbar{margin-right:-1px}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]{margin-right:14px;margin-left:14px;flex-basis:50%;flex-grow:0}}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:nth-child(odd){margin-left:32px}}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:not(:first-child),.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:nth-child(2n){margin-right:32px}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:not(:last-child){margin-left:32px}}.wp-block-columns [data-type="core/column"]{pointer-events:none}.wp-block-columns [data-type="core/column"].is-hovered>.editor-block-list__block-edit:before{content:none}.wp-block-columns [data-type="core/column"].is-hovered .editor-block-list__breadcrumb{display:none}:not(.components-disabled)>.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>*{pointer-events:all}.wp-block-cover-image .editor-rich-text__tinymce[data-is-empty=true]:before,.wp-block-cover .editor-rich-text__tinymce[data-is-empty=true]:before{position:inherit}.wp-block-cover-image .editor-rich-text__tinymce:focus a[data-mce-selected],.wp-block-cover .editor-rich-text__tinymce:focus a[data-mce-selected]{padding:0 2px;margin:0 -2px;border-radius:2px;box-shadow:none;background:hsla(0,0%,100%,.3)}.wp-block-cover-image.components-placeholder h2,.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover-image.has-left-content .editor-rich-text__inline-toolbar,.wp-block-cover.has-left-content .editor-rich-text__inline-toolbar{justify-content:flex-start}.wp-block-cover-image.has-right-content .editor-rich-text__inline-toolbar,.wp-block-cover.has-right-content .editor-rich-text__inline-toolbar{justify-content:flex-end}.wp-block-cover-image.components-placeholder,.wp-block-cover.components-placeholder{background:rgba(139,139,150,.1);min-height:200px}.is-dark-theme .wp-block-cover-image.components-placeholder,.is-dark-theme .wp-block-cover.components-placeholder{background:hsla(0,0%,100%,.15)}[data-align=left] .wp-block-cover,[data-align=left] .wp-block-cover-image,[data-align=right] .wp-block-cover,[data-align=right] .wp-block-cover-image{max-width:305px;width:100%}.wp-block-embed{margin:0;clear:both}@media (min-width:600px){.wp-block-embed{min-width:360px}}.wp-block-embed.is-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;text-align:center;background:#f8f9f9}.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-file{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.wp-block-file.is-transient{animation:edit-post__loading-fade-animation 1.6s ease-in-out infinite}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file .wp-block-file__textlink{display:inline-block;min-width:1em}.wp-block-file .wp-block-file__textlink:focus{box-shadow:none}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-right:.75em}.wp-block-file .wp-block-file__copy-url-button{margin-right:1em}.wp-block-freeform.block-library-rich-text__tinymce{overflow:hidden}.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 #e2e4e7;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:14px;color:#23282d}.wp-block-freeform.block-library-rich-text__tinymce h1{font-size:2em}.wp-block-freeform.block-library-rich-text__tinymce h2{font-size:1.6em}.wp-block-freeform.block-library-rich-text__tinymce h3{font-size:1.4em}.wp-block-freeform.block-library-rich-text__tinymce h4{font-size:1.2em}.wp-block-freeform.block-library-rich-text__tinymce h5{font-size:1.1em}.wp-block-freeform.block-library-rich-text__tinymce h6{font-size:1em}.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:#007fac}.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:#23282d;background:#f3f4f5;font-family:Menlo,Consolas,monaco,monospace;font-size:14px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#e8eaeb}.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:0;display:block;margin:15px auto;outline:0;cursor:default;border:2px dashed #bababa}.wp-block-freeform.block-library-rich-text__tinymce .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.33333%}.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.66667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.28571%}.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.11111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{max-width:100%;height:auto;border:none;padding:0}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover button,.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover i,.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active button,.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active i{color:#23282d}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn i{font-style:normal}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-toolbar-grp>div{padding:1px 3px}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .editor-block-list__block-edit:before{outline:1px solid #e2e4e7}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"].is-hovered .editor-block-list__breadcrumb{display:none}div[data-type="core/freeform"] .editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}.block-library-classic__toolbar{width:auto;margin:0 -14px;position:-webkit-sticky;position:sticky;z-index:10;top:14px;transform:translateY(-14px);padding:0 14px}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{height:37px;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 .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 .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{display:block}@media (min-width:600px){.editor-block-list__block[data-type="core/freeform"] .editor-block-switcher__no-switcher-icon{display:none}.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar{float:left;margin-left:23px;transform:translateY(-13px);top:14px}.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar{border:none;margin-top:3px}}@media (min-width:600px) and (min-width:782px){.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar{margin-top:0}}@media (min-width:600px){.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar:before{content:"";display:block;border-right:1px solid #e2e4e7;margin-top:4px;margin-bottom:4px}.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .components-toolbar{background:transparent;border:none}.editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item{padding-left:36px}}ul.wp-block-gallery li{list-style-type:none}.blocks-gallery-item figure:not(.is-selected):focus{outline:none}.blocks-gallery-item .is-selected,.blocks-gallery-item img:focus{outline:4px solid #0085ba}body.admin-color-sunrise .blocks-gallery-item .is-selected,body.admin-color-sunrise .blocks-gallery-item img:focus{outline:4px solid #d1864a}body.admin-color-ocean .blocks-gallery-item .is-selected,body.admin-color-ocean .blocks-gallery-item img:focus{outline:4px solid #a3b9a2}body.admin-color-midnight .blocks-gallery-item .is-selected,body.admin-color-midnight .blocks-gallery-item img:focus{outline:4px solid #e14d43}body.admin-color-ectoplasm .blocks-gallery-item .is-selected,body.admin-color-ectoplasm .blocks-gallery-item img:focus{outline:4px solid #a7b656}body.admin-color-coffee .blocks-gallery-item .is-selected,body.admin-color-coffee .blocks-gallery-item img:focus{outline:4px solid #c2a68c}body.admin-color-blue .blocks-gallery-item .is-selected,body.admin-color-blue .blocks-gallery-item img:focus{outline:4px solid #82b4cb}body.admin-color-light .blocks-gallery-item .is-selected,body.admin-color-light .blocks-gallery-item img:focus{outline:4px solid #0085ba}.blocks-gallery-item .is-transient img{opacity:.3}.blocks-gallery-item .editor-rich-text{position:absolute;bottom:0;width:100%;max-height:100%;overflow-y:auto}.blocks-gallery-item .editor-rich-text figcaption:not([data-is-placeholder-visible=true]){position:relative;overflow:hidden}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-item .is-selected .editor-rich-text{left:0;right:0;margin-top:-4px}}.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__inline-toolbar{top:0}.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__tinymce{padding-top:48px}.blocks-gallery-item .components-button.block-library-gallery-add-item-button,.blocks-gallery-item .components-form-file-upload{width:100%;height:100%}.blocks-gallery-item .components-button.block-library-gallery-add-item-button{display:flex;flex-direction:column;justify-content:center;box-shadow:none;border:none;border-radius:0;min-height:100px}.blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon{margin-top:10px}.blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus,.blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover{border:1px solid #555d66}.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce a{color:#fff}.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce:focus a[data-mce-selected]{color:rgba(0,0,0,.2)}.block-library-gallery-item__inline-menu{padding:2px;position:absolute;top:-2px;left:-2px;background-color:#0085ba;display:inline-flex;z-index:20}body.admin-color-sunrise .block-library-gallery-item__inline-menu{background-color:#d1864a}body.admin-color-ocean .block-library-gallery-item__inline-menu{background-color:#a3b9a2}body.admin-color-midnight .block-library-gallery-item__inline-menu{background-color:#e14d43}body.admin-color-ectoplasm .block-library-gallery-item__inline-menu{background-color:#a7b656}body.admin-color-coffee .block-library-gallery-item__inline-menu{background-color:#c2a68c}body.admin-color-blue .block-library-gallery-item__inline-menu{background-color:#82b4cb}body.admin-color-light .block-library-gallery-item__inline-menu{background-color:#0085ba}.block-library-gallery-item__inline-menu .components-button,.block-library-gallery-item__inline-menu .components-button:focus,.block-library-gallery-item__inline-menu .components-button:hover{color:#fff}.blocks-gallery-item__remove{padding:0}.blocks-gallery-item__remove.components-button:focus{color:inherit}.blocks-gallery-item .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px}.is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2),.is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2),.is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2),.is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2){margin-left:0}.wp-block-heading h1,.wp-block-heading h2,.wp-block-heading h3,.wp-block-heading h4,.wp-block-heading h5,.wp-block-heading h6{color:inherit;margin:0}.wp-block-heading h1{font-size:2.44em}.wp-block-heading h2{font-size:1.95em}.wp-block-heading h3{font-size:1.56em}.wp-block-heading h4{font-size:1.25em}.wp-block-heading h5{font-size:1em}.wp-block-heading h6{font-size:.8em}.wp-block-heading h1.editor-rich-text__tinymce,.wp-block-heading h2.editor-rich-text__tinymce,.wp-block-heading h3.editor-rich-text__tinymce{line-height:1.4}.wp-block-heading h4.editor-rich-text__tinymce{line-height:1.5}.wp-block-html .editor-plain-text{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-html .editor-plain-text:focus{box-shadow:none}.wp-block-image{position:relative}.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 .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;width:100%}.wp-block-image.is-focused .components-resizable-box__handle{display:block;z-index:1}.editor-block-list__block[data-type="core/image"][data-align=center] .wp-block-image,.editor-block-list__block[data-type="core/image"][data-align=center][data-resized=false] .wp-block-image>div{margin-right:auto;margin-left:auto}.edit-post-sidebar .block-library-image__dimensions{margin-bottom:1em}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row{display:flex;justify-content:space-between}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height,.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width{margin-bottom:.5em}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input,.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input{line-height:1.25}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width{margin-left:5px}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height{margin-right:5px}.editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal{position:absolute;right:0;left:0;margin:-1px 0}@media (min-width:600px){.editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal{margin:-1px}}[data-type="core/image"][data-align=center] .editor-block-list__block-edit figure,[data-type="core/image"][data-align=left] .editor-block-list__block-edit figure,[data-type="core/image"][data-align=right] .editor-block-list__block-edit figure{margin:0;display:table}[data-type="core/image"][data-align=center] .editor-block-list__block-edit .editor-rich-text,[data-type="core/image"][data-align=left] .editor-block-list__block-edit .editor-rich-text,[data-type="core/image"][data-align=right] .editor-block-list__block-edit .editor-rich-text{display:table-caption;caption-side:bottom}[data-type="core/image"][data-align=full] figure img,[data-type="core/image"][data-align=wide] figure img{width:100%}[data-type="core/image"] .editor-block-list__block-edit figure.is-resized{margin:0;display:table}[data-type="core/image"] .editor-block-list__block-edit figure.is-resized .editor-rich-text{display:table-caption;caption-side:bottom}.wp-block-latest-comments.has-avatars .avatar{margin-left:10px}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px;padding-top:0}.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment{min-height:36px}.block-editor .wp-block-latest-posts{padding-right:2.5em}.block-editor .wp-block-latest-posts.is-grid{padding-right:0}.wp-block-media-text{grid-template-areas:"media-text-media media-text-content" "resizer resizer"}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media" "resizer resizer"}.wp-block-media-text .__resizable_base__{grid-area:resizer}.wp-block-media-text .editor-media-container__resizer{grid-area:media-text-media;align-self:center;width:100%!important}.wp-block-media-text .editor-inner-blocks{word-break:break-word;grid-area:media-text-content;text-align:initial;padding:0 8%}.wp-block-media-text>.editor-inner-blocks>.editor-block-list__layout>.editor-block-list__block{max-width:unset}figure.block-library-media-text__media-container{margin:0;height:100%;width:100%}.wp-block-media-text .block-library-media-text__media-container img,.wp-block-media-text .block-library-media-text__media-container video{vertical-align:middle;width:100%}.editor-media-container__resizer .components-resizable-box__handle{display:none}.wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle{display:block}@media (min-width:600px){.wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle{display:block}}.block-library-list .editor-rich-text__tinymce,.block-library-list .editor-rich-text__tinymce ol,.block-library-list .editor-rich-text__tinymce ul{padding-right:1.3em;margin-right:1.3em}.editor-block-list__block[data-type="core/more"]{max-width:100%;text-align:center}.block-editor .wp-block-more{display:block;text-align:center;white-space:nowrap}.block-editor .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:#6c7781;border:none;box-shadow:none;white-space:nowrap;text-align:center;margin:0;border-radius:4px;background:#fff;padding:6px 8px;height:24px}.block-editor .wp-block-more input[type=text]:focus{box-shadow:none}.block-editor .wp-block-more:before{content:"";position:absolute;top:50%;right:0;left:0;border-top:3px dashed #ccd0d4}.editor-visual-editor__block[data-type="core/nextpage"]{max-width:100%}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{font-size:13px;position:relative;display:inline-block;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#6c7781;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 #ccd0d4}.editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce.wp-block-paragraph{padding-left:108px}.wp-block .wp-block .editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce.wp-block-paragraph{padding-left:36px}.wp-block-preformatted pre{white-space:pre-wrap}.editor-block-list__block[data-type="core/pullquote"][data-align=left] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,.editor-block-list__block[data-type="core/pullquote"][data-align=left] .editor-rich-text p,.editor-block-list__block[data-type="core/pullquote"][data-align=right] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,.editor-block-list__block[data-type="core/pullquote"][data-align=right] .editor-rich-text p{font-size:20px}.wp-block-pullquote cite .editor-rich-text__tinymce[data-is-empty=true]:before{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-pullquote .editor-rich-text__tinymce[data-is-empty=true]:before{width:100%;right:50%;transform:translateX(50%)}.wp-block-pullquote blockquote>.block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,.wp-block-pullquote blockquote>.editor-rich-text p{font-size:28px;line-height:1.6}.wp-block-pullquote.is-style-solid-color{margin-right:0;margin-left:0}.wp-block-pullquote.is-style-solid-color blockquote>.editor-rich-text 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-quote{margin:0}.wp-block-quote__citation{font-size:13px}.wp-block-shortcode{display:flex;flex-direction:row;padding:14px;background-color:#f8f9f9;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-shortcode label{display:flex;align-items:center;margin-left:8px;white-space:nowrap;font-weight:600;flex-shrink:0}.wp-block-shortcode .editor-plain-text{flex-grow:1}.wp-block-shortcode .dashicon{margin-left:8px}.block-library-spacer__resize-container.is-selected{background:#f3f4f5}.edit-post-visual-editor p.wp-block-subhead{color:#6c7781;font-size:1.1em;font-style:italic}.editor-block-list__block[data-type="core/table"][data-align=center] table,.editor-block-list__block[data-type="core/table"][data-align=left] table,.editor-block-list__block[data-type="core/table"][data-align=right] table{width:auto}.editor-block-list__block[data-type="core/table"][data-align=center]{text-align:initial}.editor-block-list__block[data-type="core/table"][data-align=center] table{margin:0 auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{padding:0;border:1px solid}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:#00a0d2;box-shadow:inset 0 0 0 1px #00a0d2;border-style:double}.wp-block-table__cell-content{padding:.5em}.wp-block-text-columns .editor-rich-text__tinymce:focus{outline:1px solid #e2e4e7}.wp-block-verse pre,pre.wp-block-verse{color:#191e23;white-space:nowrap;font-family:inherit;font-size:inherit;padding:1em;overflow:auto}.editor-block-list__block[data-align=center]{text-align:center}.editor-video-poster-control .components-button{margin-left:8px}.editor-video-poster-control .components-button+.components-button{margin-top:1em} \ 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 index 36ce6f4690..52e188cfe4 100644 --- a/wp-includes/css/dist/block-library/editor.css +++ b/wp-includes/css/dist/block-library/editor.css @@ -1,1028 +1,2 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.block-editor ul.wp-block-archives { - padding-left: 2.5em; } - -.wp-block-audio { - margin: 0; } - -.editor-block-list__block[data-type="core/button"][data-align="center"] { - text-align: center; } - -.editor-block-list__block[data-type="core/button"][data-align="right"] { - /*!rtl:ignore*/ - text-align: right; } - -.wp-block-button { - display: inline-block; - margin-bottom: 0; - position: relative; } - .wp-block-button .editor-rich-text__tinymce.mce-content-body { - cursor: text; } - .wp-block-button:not(.has-text-color):not(.is-style-outline) .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce { - color: #fff; } - .wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce { - opacity: 0.8; } - .editor-block-preview__content .wp-block-button { - max-width: 100%; } - .editor-block-preview__content .wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible="true"] { - height: auto; } - .editor-block-preview__content .wp-block-button .wp-block-button__link { - max-width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - -.block-library-button__inline-link { - background: #fff; - display: flex; - flex-wrap: wrap; - align-items: center; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 1.4; - width: 374px; } - .block-library-button__inline-link .editor-url-input { - width: auto; } - .block-library-button__inline-link .editor-url-input__suggestions { - width: 302px; - z-index: 6; } - .block-library-button__inline-link > .dashicon { - width: 36px; } - .block-library-button__inline-link .dashicon { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]::-webkit-input-placeholder { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]:-ms-input-placeholder { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]::-ms-input-placeholder { - color: #8f98a1; } - .block-library-button__inline-link .editor-url-input input[type="text"]::placeholder { - color: #8f98a1; } - [data-align="center"] .block-library-button__inline-link { - margin-left: auto; - margin-right: auto; } - [data-align="right"] .block-library-button__inline-link { - margin-left: auto; - margin-right: 0; } - -.block-editor .wp-block-categories ul { - padding-left: 2.5em; } - .block-editor .wp-block-categories ul ul { - margin-top: 6px; } - -.wp-block-code .editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; } - .wp-block-code .editor-plain-text:focus { - box-shadow: none; } - -.components-tab-button { - display: inline-flex; - align-items: flex-end; - margin: 0; - padding: 3px; - background: none; - outline: none; - color: #555d66; - cursor: pointer; - position: relative; - height: 36px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - font-weight: 500; - border: 0; } - .components-tab-button.is-active, .components-tab-button.is-active:hover { - color: #fff; } - .components-tab-button:disabled { - cursor: default; } - .components-tab-button > span { - border: 1px solid transparent; - padding: 0 6px; - box-sizing: content-box; - height: 28px; - line-height: 28px; } - .components-tab-button:hover > span, - .components-tab-button:focus > span { - color: #555d66; } - .components-tab-button:not(:disabled).is-active > span, - .components-tab-button:not(:disabled):hover > span, - .components-tab-button:not(:disabled):focus > span { - border: 1px solid #555d66; } - .components-tab-button.is-active > span, - .components-tab-button.is-active:hover > span { - background-color: #555d66; - color: #fff; } - -.wp-block-columns .editor-block-list__layout { - margin-left: 0; - margin-right: 0; } - .wp-block-columns .editor-block-list__layout .editor-block-list__block { - max-width: none; } - -.editor-block-list__block[data-align="full"] .wp-block-columns > .editor-inner-blocks { - padding-left: 14px; - padding-right: 14px; } - @media (min-width: 600px) { - .editor-block-list__block[data-align="full"] .wp-block-columns > .editor-inner-blocks { - padding-left: 60px; - padding-right: 60px; } } - -.wp-block-columns { - display: block; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout { - display: flex; - flex-wrap: wrap; } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout { - flex-wrap: nowrap; } } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { - display: flex; - flex-direction: column; - flex: 1; - padding-left: 0; - padding-right: 0; - margin-left: -14px; - margin-right: -14px; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; - flex-basis: 100%; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > div > .editor-inner-blocks { - margin-top: -28px; - margin-bottom: -28px; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit { - margin-top: 0; - margin-bottom: 0; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit::before { - left: 0; - right: 0; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { - margin-left: -1px; } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { - margin-left: 14px; - margin-right: 14px; } } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] { - flex-basis: 50%; - flex-grow: 0; } } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:nth-child(odd) { - margin-right: 32px; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:nth-child(even) { - margin-left: 32px; } } - @media (min-width: 600px) { - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:first-child) { - margin-left: 32px; } - .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:last-child) { - margin-right: 32px; } } - -.wp-block-columns [data-type="core/column"] { - pointer-events: none; } - .wp-block-columns [data-type="core/column"].is-hovered > .editor-block-list__block-edit::before { - content: none; } - .wp-block-columns [data-type="core/column"].is-hovered .editor-block-list__breadcrumb { - display: none; } - -:not(.components-disabled) > .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > * { - pointer-events: all; } - -.wp-block-cover-image .editor-rich-text__tinymce[data-is-empty="true"]::before, -.wp-block-cover .editor-rich-text__tinymce[data-is-empty="true"]::before { - position: inherit; } - -.wp-block-cover-image .editor-rich-text__tinymce:focus a[data-mce-selected], -.wp-block-cover .editor-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: none; - background: rgba(255, 255, 255, 0.3); } - -.wp-block-cover-image.components-placeholder h2, -.wp-block-cover.components-placeholder h2 { - color: inherit; } - -.wp-block-cover-image.has-left-content .editor-rich-text__inline-toolbar, -.wp-block-cover.has-left-content .editor-rich-text__inline-toolbar { - justify-content: flex-start; } - -.wp-block-cover-image.has-right-content .editor-rich-text__inline-toolbar, -.wp-block-cover.has-right-content .editor-rich-text__inline-toolbar { - justify-content: flex-end; } - -.wp-block-cover-image.components-placeholder, -.wp-block-cover.components-placeholder { - background: rgba(139, 139, 150, 0.1); - min-height: 200px; } - .is-dark-theme .wp-block-cover-image.components-placeholder, .is-dark-theme - .wp-block-cover.components-placeholder { - background: rgba(255, 255, 255, 0.15); } - -[data-align="left"] .wp-block-cover-image, -[data-align="right"] .wp-block-cover-image, [data-align="left"] -.wp-block-cover, -[data-align="right"] -.wp-block-cover { - max-width: 305px; - width: 100%; } - -.wp-block-embed { - margin: 0; - clear: both; } - @media (min-width: 600px) { - .wp-block-embed { - min-width: 360px; } } - .wp-block-embed.is-loading { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 1em; - min-height: 200px; - text-align: center; - background: #f8f9f9; } - .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-file { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 0; } - .wp-block-file.is-transient { - animation: edit-post__loading-fade-animation 1.6s ease-in-out infinite; } - .wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; } - .wp-block-file .wp-block-file__textlink { - display: inline-block; - min-width: 1em; } - .wp-block-file .wp-block-file__textlink:focus { - box-shadow: none; } - .wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-left: 0.75em; } - .wp-block-file .wp-block-file__copy-url-button { - margin-left: 1em; } - -.wp-block-freeform.block-library-rich-text__tinymce { - overflow: hidden; - /** - * The following gallery styles were replicated - * from the styles applied in the tinymce skin, - * /wp-includes/js/tinymce/skins/wordpress/wp-content.css. - */ } - .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 #e2e4e7; - 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: 14px; - color: #23282d; } - .wp-block-freeform.block-library-rich-text__tinymce h1 { - font-size: 2em; } - .wp-block-freeform.block-library-rich-text__tinymce h2 { - font-size: 1.6em; } - .wp-block-freeform.block-library-rich-text__tinymce h3 { - font-size: 1.4em; } - .wp-block-freeform.block-library-rich-text__tinymce h4 { - font-size: 1.2em; } - .wp-block-freeform.block-library-rich-text__tinymce h5 { - font-size: 1.1em; } - .wp-block-freeform.block-library-rich-text__tinymce h6 { - font-size: 1em; } - .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: #007fac; } - .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: #23282d; - background: #f3f4f5; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; } - .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #e8eaeb; } - .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: 0; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - border: 2px dashed #bababa; } - .wp-block-freeform.block-library-rich-text__tinymce .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.33333%; } - .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.66667%; } - .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.28571%; } - .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.11111%; } - .wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active button, -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover button, -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active i, -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover i { - color: #23282d; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn i { - font-style: normal; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-toolbar-grp > div { - padding: 1px 3px; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .editor-block-list__block-edit::before { - outline: 1px solid #e2e4e7; } - -.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"].is-hovered .editor-block-list__breadcrumb { - display: none; } - -div[data-type="core/freeform"] .editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; } - -.block-library-classic__toolbar { - width: auto; - margin: 0 -14px; - position: -webkit-sticky; - position: sticky; - z-index: 10; - top: 14px; - transform: translateY(-14px); - padding: 0 14px; } - @media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; } } - -.block-library-classic__toolbar:empty { - height: 37px; - 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 .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 .mce-toolbar:not(:first-child) { - display: none; } - -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; } - -@media (min-width: 600px) { - .editor-block-list__block[data-type="core/freeform"] .editor-block-switcher__no-switcher-icon { - display: none; } - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar { - float: right; - margin-right: 23px; - transform: translateY(-13px); - top: 14px; } - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar { - border: none; - margin-top: 3px; } } - @media (min-width: 600px) and (min-width: 782px) { - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar { - margin-top: 0; } } - -@media (min-width: 600px) { - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar::before { - content: ""; - display: block; - border-left: 1px solid #e2e4e7; - margin-top: 4px; - margin-bottom: 4px; } - .editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .components-toolbar { - background: transparent; - border: none; } - .editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item { - padding-right: 36px; } } - -ul.wp-block-gallery li { - list-style-type: none; } - -.blocks-gallery-item figure:not(.is-selected):focus { - outline: none; } - -.blocks-gallery-item img:focus, -.blocks-gallery-item .is-selected { - outline: 4px solid #0085ba; } - -body.admin-color-sunrise .blocks-gallery-item img:focus, body.admin-color-sunrise .blocks-gallery-item .is-selected { - outline: 4px solid #d1864a; } - -body.admin-color-ocean .blocks-gallery-item img:focus, body.admin-color-ocean .blocks-gallery-item .is-selected { - outline: 4px solid #a3b9a2; } - -body.admin-color-midnight .blocks-gallery-item img:focus, body.admin-color-midnight .blocks-gallery-item .is-selected { - outline: 4px solid #e14d43; } - -body.admin-color-ectoplasm .blocks-gallery-item img:focus, body.admin-color-ectoplasm .blocks-gallery-item .is-selected { - outline: 4px solid #a7b656; } - -body.admin-color-coffee .blocks-gallery-item img:focus, body.admin-color-coffee .blocks-gallery-item .is-selected { - outline: 4px solid #c2a68c; } - -body.admin-color-blue .blocks-gallery-item img:focus, body.admin-color-blue .blocks-gallery-item .is-selected { - outline: 4px solid #82b4cb; } - -body.admin-color-light .blocks-gallery-item img:focus, body.admin-color-light .blocks-gallery-item .is-selected { - outline: 4px solid #0085ba; } - -.blocks-gallery-item .is-transient img { - opacity: 0.3; } - -.blocks-gallery-item .editor-rich-text { - position: absolute; - bottom: 0; - width: 100%; - max-height: 100%; - overflow-y: auto; } - -.blocks-gallery-item .editor-rich-text figcaption:not([data-is-placeholder-visible="true"]) { - position: relative; - overflow: hidden; } - -@supports ((position: -webkit-sticky) or (position: sticky)) { - .blocks-gallery-item .is-selected .editor-rich-text { - right: 0; - left: 0; - margin-top: -4px; } } - -.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__inline-toolbar { - top: 0; } - -.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__tinymce { - padding-top: 48px; } - -.blocks-gallery-item .components-form-file-upload, -.blocks-gallery-item .components-button.block-library-gallery-add-item-button { - width: 100%; - height: 100%; } - -.blocks-gallery-item .components-button.block-library-gallery-add-item-button { - display: flex; - flex-direction: column; - justify-content: center; - box-shadow: none; - border: none; - border-radius: 0; - min-height: 100px; } - .blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon { - margin-top: 10px; } - .blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover, .blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus { - border: 1px solid #555d66; } - -.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce a { - color: #fff; } - -.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce:focus a[data-mce-selected] { - color: rgba(0, 0, 0, 0.2); } - -.block-library-gallery-item__inline-menu { - padding: 2px; - position: absolute; - top: -2px; - right: -2px; - background-color: #0085ba; - display: inline-flex; - z-index: 20; } - -body.admin-color-sunrise .block-library-gallery-item__inline-menu { - background-color: #d1864a; } - -body.admin-color-ocean .block-library-gallery-item__inline-menu { - background-color: #a3b9a2; } - -body.admin-color-midnight .block-library-gallery-item__inline-menu { - background-color: #e14d43; } - -body.admin-color-ectoplasm .block-library-gallery-item__inline-menu { - background-color: #a7b656; } - -body.admin-color-coffee .block-library-gallery-item__inline-menu { - background-color: #c2a68c; } - -body.admin-color-blue .block-library-gallery-item__inline-menu { - background-color: #82b4cb; } - -body.admin-color-light .block-library-gallery-item__inline-menu { - background-color: #0085ba; } - .block-library-gallery-item__inline-menu .components-button { - color: #fff; } - .block-library-gallery-item__inline-menu .components-button:hover, .block-library-gallery-item__inline-menu .components-button:focus { - color: #fff; } - -.blocks-gallery-item__remove { - padding: 0; } - .blocks-gallery-item__remove.components-button:focus { - color: inherit; } - -.blocks-gallery-item .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; } - -.is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2), -.is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2), -.is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2), -.is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2) { - margin-right: 0; } - -.wp-block-heading h1, -.wp-block-heading h2, -.wp-block-heading h3, -.wp-block-heading h4, -.wp-block-heading h5, -.wp-block-heading h6 { - color: inherit; - margin: 0; } - -.wp-block-heading h1 { - font-size: 2.44em; } - -.wp-block-heading h2 { - font-size: 1.95em; } - -.wp-block-heading h3 { - font-size: 1.56em; } - -.wp-block-heading h4 { - font-size: 1.25em; } - -.wp-block-heading h5 { - font-size: 1em; } - -.wp-block-heading h6 { - font-size: 0.8em; } - -.wp-block-heading h1.editor-rich-text__tinymce, -.wp-block-heading h2.editor-rich-text__tinymce, -.wp-block-heading h3.editor-rich-text__tinymce { - line-height: 1.4; } - -.wp-block-heading h4.editor-rich-text__tinymce { - line-height: 1.5; } - -.wp-block-html .editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; - padding: 0.8em 1em; - border: 1px solid #e2e4e7; - border-radius: 4px; } - .wp-block-html .editor-plain-text:focus { - box-shadow: none; } - -.wp-block-image { - position: relative; } - .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 .components-resizable-box__container { - display: inline-block; } - .wp-block-image .components-resizable-box__container img { - display: block; - width: 100%; } - -.wp-block-image.is-focused .components-resizable-box__handle { - display: block; - z-index: 1; } - -.editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image { - margin-left: auto; - margin-right: auto; } - -.editor-block-list__block[data-type="core/image"][data-align="center"][data-resized="false"] .wp-block-image > div { - margin-left: auto; - margin-right: auto; } - -.edit-post-sidebar .block-library-image__dimensions { - margin-bottom: 1em; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row { - display: flex; - justify-content: space-between; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width, - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { - margin-bottom: 0.5em; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input, - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input { - line-height: 1.25; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width { - margin-right: 5px; } - .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { - margin-left: 5px; } - -.editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal { - position: absolute; - left: 0; - right: 0; - margin: -1px 0; } - @media (min-width: 600px) { - .editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal { - margin: -1px; } } - -[data-type="core/image"][data-align="center"] .editor-block-list__block-edit figure, -[data-type="core/image"][data-align="left"] .editor-block-list__block-edit figure, -[data-type="core/image"][data-align="right"] .editor-block-list__block-edit figure { - margin: 0; - display: table; } - -[data-type="core/image"][data-align="center"] .editor-block-list__block-edit .editor-rich-text, -[data-type="core/image"][data-align="left"] .editor-block-list__block-edit .editor-rich-text, -[data-type="core/image"][data-align="right"] .editor-block-list__block-edit .editor-rich-text { - display: table-caption; - caption-side: bottom; } - -[data-type="core/image"][data-align="wide"] figure img, -[data-type="core/image"][data-align="full"] figure img { - width: 100%; } - -[data-type="core/image"] .editor-block-list__block-edit figure.is-resized { - margin: 0; - display: table; } - [data-type="core/image"] .editor-block-list__block-edit figure.is-resized .editor-rich-text { - display: table-caption; - caption-side: bottom; } - -.wp-block-latest-comments.has-avatars .avatar { - margin-right: 10px; } - -.wp-block-latest-comments__comment-excerpt p { - font-size: 14px; - line-height: 1.8; - margin: 5px 0 20px; - padding-top: 0; } - -.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { - min-height: 36px; } - -.block-editor .wp-block-latest-posts { - padding-left: 2.5em; } - .block-editor .wp-block-latest-posts.is-grid { - padding-left: 0; } - -.wp-block-media-text { - grid-template-areas: "media-text-media media-text-content" "resizer resizer"; } - -.wp-block-media-text.has-media-on-the-right { - grid-template-areas: "media-text-content media-text-media" "resizer resizer"; } - -.wp-block-media-text .__resizable_base__ { - grid-area: resizer; } - -.wp-block-media-text .editor-media-container__resizer { - grid-area: media-text-media; - align-self: center; - width: 100% !important; } - -.wp-block-media-text .editor-inner-blocks { - word-break: break-word; - grid-area: media-text-content; - text-align: initial; - padding: 0 8% 0 8%; } - -.wp-block-media-text > .editor-inner-blocks > .editor-block-list__layout > .editor-block-list__block { - max-width: unset; } - -figure.block-library-media-text__media-container { - margin: 0; - height: 100%; - width: 100%; } - -.wp-block-media-text .block-library-media-text__media-container img, -.wp-block-media-text .block-library-media-text__media-container video { - vertical-align: middle; - width: 100%; } - -.editor-media-container__resizer .components-resizable-box__handle { - display: none; } - -.wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle { - display: block; } - -@media (min-width: 600px) { - .wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle { - display: block; } } - -.block-library-list .editor-rich-text__tinymce, -.block-library-list .editor-rich-text__tinymce ul, -.block-library-list .editor-rich-text__tinymce ol { - padding-left: 1.3em; - margin-left: 1.3em; } - -.editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; } - -.block-editor .wp-block-more { - display: block; - text-align: center; - white-space: nowrap; } - .block-editor .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: #6c7781; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; } - .block-editor .wp-block-more input[type="text"]:focus { - box-shadow: none; } - .block-editor .wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccd0d4; } - -.editor-visual-editor__block[data-type="core/nextpage"] { - max-width: 100%; } - -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; } - .wp-block-nextpage > span { - font-size: 13px; - position: relative; - display: inline-block; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #6c7781; - 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 #ccd0d4; } - -.editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce.wp-block-paragraph { - padding-right: 108px; } - .wp-block .wp-block .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce.wp-block-paragraph { - padding-right: 36px; } - -.wp-block-preformatted pre { - white-space: pre-wrap; } - -.editor-block-list__block[data-type="core/pullquote"][data-align="left"] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, -.editor-block-list__block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p, .editor-block-list__block[data-type="core/pullquote"][data-align="right"] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, -.editor-block-list__block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p { - font-size: 20px; } - -.wp-block-pullquote cite .editor-rich-text__tinymce[data-is-empty="true"]::before { - font-size: 14px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - -.wp-block-pullquote .editor-rich-text__tinymce[data-is-empty="true"]::before { - width: 100%; - left: 50%; - transform: translateX(-50%); } - -.wp-block-pullquote blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before, -.wp-block-pullquote blockquote > .editor-rich-text p { - font-size: 28px; - line-height: 1.6; } - -.wp-block-pullquote.is-style-solid-color { - margin-left: 0; - margin-right: 0; } - .wp-block-pullquote.is-style-solid-color blockquote > .editor-rich-text 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-quote { - margin: 0; } - .wp-block-quote__citation { - font-size: 13px; } - -.wp-block-shortcode { - display: flex; - flex-direction: row; - padding: 14px; - background-color: #f8f9f9; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - .wp-block-shortcode label { - display: flex; - align-items: center; - margin-right: 8px; - white-space: nowrap; - font-weight: 600; - flex-shrink: 0; } - .wp-block-shortcode .editor-plain-text { - flex-grow: 1; } - .wp-block-shortcode .dashicon { - margin-right: 8px; } - -.block-library-spacer__resize-container.is-selected { - background: #f3f4f5; } - -.edit-post-visual-editor p.wp-block-subhead { - color: #6c7781; - font-size: 1.1em; - font-style: italic; } - -.editor-block-list__block[data-type="core/table"][data-align="left"] table, .editor-block-list__block[data-type="core/table"][data-align="right"] table, .editor-block-list__block[data-type="core/table"][data-align="center"] table { - width: auto; } - -.editor-block-list__block[data-type="core/table"][data-align="center"] { - text-align: initial; } - .editor-block-list__block[data-type="core/table"][data-align="center"] table { - margin: 0 auto; } - -.wp-block-table table { - border-collapse: collapse; - width: 100%; } - -.wp-block-table td, -.wp-block-table th { - padding: 0; - border: 1px solid currentColor; } - -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: #00a0d2; - box-shadow: inset 0 0 0 1px #00a0d2; - border-style: double; } - -.wp-block-table__cell-content { - padding: 0.5em; } - -.wp-block-text-columns .editor-rich-text__tinymce:focus { - outline: 1px solid #e2e4e7; } - -pre.wp-block-verse, -.wp-block-verse pre { - color: #191e23; - white-space: nowrap; - font-family: inherit; - font-size: inherit; - padding: 1em; - overflow: auto; } - -.editor-block-list__block[data-align="center"] { - text-align: center; } - -.editor-video-poster-control .components-button { - margin-right: 8px; } - -.editor-video-poster-control .components-button + .components-button { - margin-top: 1em; } +.block-editor ul.wp-block-archives{padding-left:2.5em}.wp-block-audio{margin:0}.editor-block-list__block[data-type="core/button"][data-align=center]{text-align:center}.editor-block-list__block[data-type="core/button"][data-align=right]{ + /*!rtl:ignore*/text-align:right}.wp-block-button{display:inline-block;margin-bottom:0;position:relative}.wp-block-button .editor-rich-text__tinymce.mce-content-body{cursor:text}.wp-block-button:not(.has-text-color):not(.is-style-outline) .editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce{color:#fff}.wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce{opacity:.8}.editor-block-preview__content .wp-block-button{max-width:100%}.editor-block-preview__content .wp-block-button .editor-rich-text__tinymce[data-is-placeholder-visible=true]{height:auto}.editor-block-preview__content .wp-block-button .wp-block-button__link{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.block-library-button__inline-link{background:#fff;display:flex;flex-wrap:wrap;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:374px}.block-library-button__inline-link .editor-url-input{width:auto}.block-library-button__inline-link .editor-url-input__suggestions{width:302px;z-index:6}.block-library-button__inline-link>.dashicon{width:36px}.block-library-button__inline-link .dashicon{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]::-webkit-input-placeholder{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]:-ms-input-placeholder{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]::-ms-input-placeholder{color:#8f98a1}.block-library-button__inline-link .editor-url-input input[type=text]::placeholder{color:#8f98a1}[data-align=center] .block-library-button__inline-link{margin-left:auto;margin-right:auto}[data-align=right] .block-library-button__inline-link{margin-left:auto;margin-right:0}.block-editor .wp-block-categories ul{padding-left:2.5em}.block-editor .wp-block-categories ul ul{margin-top:6px}.wp-block-code .editor-plain-text{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d}.wp-block-code .editor-plain-text:focus{box-shadow:none}.components-tab-button{display:inline-flex;align-items:flex-end;margin:0;padding:3px;background:none;outline:none;color:#555d66;cursor:pointer;position:relative;height:36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:500;border:0}.components-tab-button.is-active,.components-tab-button.is-active:hover{color:#fff}.components-tab-button:disabled{cursor:default}.components-tab-button>span{border:1px solid transparent;padding:0 6px;box-sizing:content-box;height:28px;line-height:28px}.components-tab-button:focus>span,.components-tab-button:hover>span{color:#555d66}.components-tab-button:not(:disabled).is-active>span,.components-tab-button:not(:disabled):focus>span,.components-tab-button:not(:disabled):hover>span{border:1px solid #555d66}.components-tab-button.is-active:hover>span,.components-tab-button.is-active>span{background-color:#555d66;color:#fff}.wp-block-columns .editor-block-list__layout{margin-left:0;margin-right:0}.wp-block-columns .editor-block-list__layout .editor-block-list__block{max-width:none}.editor-block-list__block[data-align=full] .wp-block-columns>.editor-inner-blocks{padding-left:14px;padding-right:14px}@media (min-width:600px){.editor-block-list__block[data-align=full] .wp-block-columns>.editor-inner-blocks{padding-left:60px;padding-right:60px}}.wp-block-columns{display:block}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout{display:flex;flex-wrap:wrap}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout{flex-wrap:nowrap}}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]{display:flex;flex-direction:column;flex:1;padding-left:0;padding-right:0;margin-left:-14px;margin-right:-14px;min-width:0;word-break:break-word;overflow-wrap:break-word;flex-basis:100%}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>div>.editor-inner-blocks{margin-top:-28px;margin-bottom:-28px}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit{margin-top:0;margin-bottom:0}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit:before{left:0;right:0}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>.editor-block-contextual-toolbar{margin-left:-1px}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]{margin-left:14px;margin-right:14px;flex-basis:50%;flex-grow:0}}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:nth-child(odd){margin-right:32px}}@media (min-width:600px){.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:not(:first-child),.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:nth-child(2n){margin-left:32px}.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]:not(:last-child){margin-right:32px}}.wp-block-columns [data-type="core/column"]{pointer-events:none}.wp-block-columns [data-type="core/column"].is-hovered>.editor-block-list__block-edit:before{content:none}.wp-block-columns [data-type="core/column"].is-hovered .editor-block-list__breadcrumb{display:none}:not(.components-disabled)>.wp-block-columns>.editor-inner-blocks>.editor-block-list__layout>[data-type="core/column"]>.editor-block-list__block-edit>*{pointer-events:all}.wp-block-cover-image .editor-rich-text__tinymce[data-is-empty=true]:before,.wp-block-cover .editor-rich-text__tinymce[data-is-empty=true]:before{position:inherit}.wp-block-cover-image .editor-rich-text__tinymce:focus a[data-mce-selected],.wp-block-cover .editor-rich-text__tinymce:focus a[data-mce-selected]{padding:0 2px;margin:0 -2px;border-radius:2px;box-shadow:none;background:hsla(0,0%,100%,.3)}.wp-block-cover-image.components-placeholder h2,.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover-image.has-left-content .editor-rich-text__inline-toolbar,.wp-block-cover.has-left-content .editor-rich-text__inline-toolbar{justify-content:flex-start}.wp-block-cover-image.has-right-content .editor-rich-text__inline-toolbar,.wp-block-cover.has-right-content .editor-rich-text__inline-toolbar{justify-content:flex-end}.wp-block-cover-image.components-placeholder,.wp-block-cover.components-placeholder{background:rgba(139,139,150,.1);min-height:200px}.is-dark-theme .wp-block-cover-image.components-placeholder,.is-dark-theme .wp-block-cover.components-placeholder{background:hsla(0,0%,100%,.15)}[data-align=left] .wp-block-cover,[data-align=left] .wp-block-cover-image,[data-align=right] .wp-block-cover,[data-align=right] .wp-block-cover-image{max-width:305px;width:100%}.wp-block-embed{margin:0;clear:both}@media (min-width:600px){.wp-block-embed{min-width:360px}}.wp-block-embed.is-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;text-align:center;background:#f8f9f9}.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-file{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.wp-block-file.is-transient{animation:edit-post__loading-fade-animation 1.6s ease-in-out infinite}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file .wp-block-file__textlink{display:inline-block;min-width:1em}.wp-block-file .wp-block-file__textlink:focus{box-shadow:none}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-left:.75em}.wp-block-file .wp-block-file__copy-url-button{margin-left:1em}.wp-block-freeform.block-library-rich-text__tinymce{overflow:hidden}.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 #e2e4e7;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:14px;color:#23282d}.wp-block-freeform.block-library-rich-text__tinymce h1{font-size:2em}.wp-block-freeform.block-library-rich-text__tinymce h2{font-size:1.6em}.wp-block-freeform.block-library-rich-text__tinymce h3{font-size:1.4em}.wp-block-freeform.block-library-rich-text__tinymce h4{font-size:1.2em}.wp-block-freeform.block-library-rich-text__tinymce h5{font-size:1.1em}.wp-block-freeform.block-library-rich-text__tinymce h6{font-size:1em}.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:#007fac}.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:#23282d;background:#f3f4f5;font-family:Menlo,Consolas,monaco,monospace;font-size:14px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#e8eaeb}.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:0;display:block;margin:15px auto;outline:0;cursor:default;border:2px dashed #bababa}.wp-block-freeform.block-library-rich-text__tinymce .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.33333%}.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.66667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.28571%}.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.11111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{max-width:100%;height:auto;border:none;padding:0}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover button,.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active:hover i,.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active button,.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn.mce-active i{color:#23282d}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-btn i{font-style:normal}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .mce-toolbar-grp>div{padding:1px 3px}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"] .editor-block-list__block-edit:before{outline:1px solid #e2e4e7}.editor-block-list__layout .editor-block-list__block[data-type="core/freeform"].is-hovered .editor-block-list__breadcrumb{display:none}div[data-type="core/freeform"] .editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}.block-library-classic__toolbar{width:auto;margin:0 -14px;position:-webkit-sticky;position:sticky;z-index:10;top:14px;transform:translateY(-14px);padding:0 14px}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{height:37px;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 .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 .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{display:block}@media (min-width:600px){.editor-block-list__block[data-type="core/freeform"] .editor-block-switcher__no-switcher-icon{display:none}.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar{float:right;margin-right:23px;transform:translateY(-13px);top:14px}.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar{border:none;margin-top:3px}}@media (min-width:600px) and (min-width:782px){.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar{margin-top:0}}@media (min-width:600px){.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .editor-block-toolbar:before{content:"";display:block;border-left:1px solid #e2e4e7;margin-top:4px;margin-bottom:4px}.editor-block-list__block[data-type="core/freeform"] .editor-block-contextual-toolbar .components-toolbar{background:transparent;border:none}.editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item{padding-right:36px}}ul.wp-block-gallery li{list-style-type:none}.blocks-gallery-item figure:not(.is-selected):focus{outline:none}.blocks-gallery-item .is-selected,.blocks-gallery-item img:focus{outline:4px solid #0085ba}body.admin-color-sunrise .blocks-gallery-item .is-selected,body.admin-color-sunrise .blocks-gallery-item img:focus{outline:4px solid #d1864a}body.admin-color-ocean .blocks-gallery-item .is-selected,body.admin-color-ocean .blocks-gallery-item img:focus{outline:4px solid #a3b9a2}body.admin-color-midnight .blocks-gallery-item .is-selected,body.admin-color-midnight .blocks-gallery-item img:focus{outline:4px solid #e14d43}body.admin-color-ectoplasm .blocks-gallery-item .is-selected,body.admin-color-ectoplasm .blocks-gallery-item img:focus{outline:4px solid #a7b656}body.admin-color-coffee .blocks-gallery-item .is-selected,body.admin-color-coffee .blocks-gallery-item img:focus{outline:4px solid #c2a68c}body.admin-color-blue .blocks-gallery-item .is-selected,body.admin-color-blue .blocks-gallery-item img:focus{outline:4px solid #82b4cb}body.admin-color-light .blocks-gallery-item .is-selected,body.admin-color-light .blocks-gallery-item img:focus{outline:4px solid #0085ba}.blocks-gallery-item .is-transient img{opacity:.3}.blocks-gallery-item .editor-rich-text{position:absolute;bottom:0;width:100%;max-height:100%;overflow-y:auto}.blocks-gallery-item .editor-rich-text figcaption:not([data-is-placeholder-visible=true]){position:relative;overflow:hidden}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-item .is-selected .editor-rich-text{right:0;left:0;margin-top:-4px}}.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__inline-toolbar{top:0}.blocks-gallery-item .is-selected .editor-rich-text .editor-rich-text__tinymce{padding-top:48px}.blocks-gallery-item .components-button.block-library-gallery-add-item-button,.blocks-gallery-item .components-form-file-upload{width:100%;height:100%}.blocks-gallery-item .components-button.block-library-gallery-add-item-button{display:flex;flex-direction:column;justify-content:center;box-shadow:none;border:none;border-radius:0;min-height:100px}.blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon{margin-top:10px}.blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus,.blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover{border:1px solid #555d66}.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce a{color:#fff}.blocks-gallery-item .editor-rich-text .editor-rich-text__tinymce:focus a[data-mce-selected]{color:rgba(0,0,0,.2)}.block-library-gallery-item__inline-menu{padding:2px;position:absolute;top:-2px;right:-2px;background-color:#0085ba;display:inline-flex;z-index:20}body.admin-color-sunrise .block-library-gallery-item__inline-menu{background-color:#d1864a}body.admin-color-ocean .block-library-gallery-item__inline-menu{background-color:#a3b9a2}body.admin-color-midnight .block-library-gallery-item__inline-menu{background-color:#e14d43}body.admin-color-ectoplasm .block-library-gallery-item__inline-menu{background-color:#a7b656}body.admin-color-coffee .block-library-gallery-item__inline-menu{background-color:#c2a68c}body.admin-color-blue .block-library-gallery-item__inline-menu{background-color:#82b4cb}body.admin-color-light .block-library-gallery-item__inline-menu{background-color:#0085ba}.block-library-gallery-item__inline-menu .components-button,.block-library-gallery-item__inline-menu .components-button:focus,.block-library-gallery-item__inline-menu .components-button:hover{color:#fff}.blocks-gallery-item__remove{padding:0}.blocks-gallery-item__remove.components-button:focus{color:inherit}.blocks-gallery-item .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2),.is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2),.is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2),.is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2){margin-right:0}.wp-block-heading h1,.wp-block-heading h2,.wp-block-heading h3,.wp-block-heading h4,.wp-block-heading h5,.wp-block-heading h6{color:inherit;margin:0}.wp-block-heading h1{font-size:2.44em}.wp-block-heading h2{font-size:1.95em}.wp-block-heading h3{font-size:1.56em}.wp-block-heading h4{font-size:1.25em}.wp-block-heading h5{font-size:1em}.wp-block-heading h6{font-size:.8em}.wp-block-heading h1.editor-rich-text__tinymce,.wp-block-heading h2.editor-rich-text__tinymce,.wp-block-heading h3.editor-rich-text__tinymce{line-height:1.4}.wp-block-heading h4.editor-rich-text__tinymce{line-height:1.5}.wp-block-html .editor-plain-text{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-html .editor-plain-text:focus{box-shadow:none}.wp-block-image{position:relative}.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 .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;width:100%}.wp-block-image.is-focused .components-resizable-box__handle{display:block;z-index:1}.editor-block-list__block[data-type="core/image"][data-align=center] .wp-block-image,.editor-block-list__block[data-type="core/image"][data-align=center][data-resized=false] .wp-block-image>div{margin-left:auto;margin-right:auto}.edit-post-sidebar .block-library-image__dimensions{margin-bottom:1em}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row{display:flex;justify-content:space-between}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height,.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width{margin-bottom:.5em}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input,.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input{line-height:1.25}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width{margin-right:5px}.edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height{margin-left:5px}.editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal{position:absolute;left:0;right:0;margin:-1px 0}@media (min-width:600px){.editor-block-list__block[data-type="core/image"] .editor-block-toolbar .editor-url-input__button-modal{margin:-1px}}[data-type="core/image"][data-align=center] .editor-block-list__block-edit figure,[data-type="core/image"][data-align=left] .editor-block-list__block-edit figure,[data-type="core/image"][data-align=right] .editor-block-list__block-edit figure{margin:0;display:table}[data-type="core/image"][data-align=center] .editor-block-list__block-edit .editor-rich-text,[data-type="core/image"][data-align=left] .editor-block-list__block-edit .editor-rich-text,[data-type="core/image"][data-align=right] .editor-block-list__block-edit .editor-rich-text{display:table-caption;caption-side:bottom}[data-type="core/image"][data-align=full] figure img,[data-type="core/image"][data-align=wide] figure img{width:100%}[data-type="core/image"] .editor-block-list__block-edit figure.is-resized{margin:0;display:table}[data-type="core/image"] .editor-block-list__block-edit figure.is-resized .editor-rich-text{display:table-caption;caption-side:bottom}.wp-block-latest-comments.has-avatars .avatar{margin-right:10px}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px;padding-top:0}.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment{min-height:36px}.block-editor .wp-block-latest-posts{padding-left:2.5em}.block-editor .wp-block-latest-posts.is-grid{padding-left:0}.wp-block-media-text{grid-template-areas:"media-text-media media-text-content" "resizer resizer"}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media" "resizer resizer"}.wp-block-media-text .__resizable_base__{grid-area:resizer}.wp-block-media-text .editor-media-container__resizer{grid-area:media-text-media;align-self:center;width:100%!important}.wp-block-media-text .editor-inner-blocks{word-break:break-word;grid-area:media-text-content;text-align:initial;padding:0 8%}.wp-block-media-text>.editor-inner-blocks>.editor-block-list__layout>.editor-block-list__block{max-width:unset}figure.block-library-media-text__media-container{margin:0;height:100%;width:100%}.wp-block-media-text .block-library-media-text__media-container img,.wp-block-media-text .block-library-media-text__media-container video{vertical-align:middle;width:100%}.editor-media-container__resizer .components-resizable-box__handle{display:none}.wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle{display:block}@media (min-width:600px){.wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle{display:block}}.block-library-list .editor-rich-text__tinymce,.block-library-list .editor-rich-text__tinymce ol,.block-library-list .editor-rich-text__tinymce ul{padding-left:1.3em;margin-left:1.3em}.editor-block-list__block[data-type="core/more"]{max-width:100%;text-align:center}.block-editor .wp-block-more{display:block;text-align:center;white-space:nowrap}.block-editor .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:#6c7781;border:none;box-shadow:none;white-space:nowrap;text-align:center;margin:0;border-radius:4px;background:#fff;padding:6px 8px;height:24px}.block-editor .wp-block-more input[type=text]:focus{box-shadow:none}.block-editor .wp-block-more:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:3px dashed #ccd0d4}.editor-visual-editor__block[data-type="core/nextpage"]{max-width:100%}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{font-size:13px;position:relative;display:inline-block;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#6c7781;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 #ccd0d4}.editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce.wp-block-paragraph{padding-right:108px}.wp-block .wp-block .editor-rich-text__tinymce[data-is-placeholder-visible=true]+.editor-rich-text__tinymce.wp-block-paragraph{padding-right:36px}.wp-block-preformatted pre{white-space:pre-wrap}.editor-block-list__block[data-type="core/pullquote"][data-align=left] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,.editor-block-list__block[data-type="core/pullquote"][data-align=left] .editor-rich-text p,.editor-block-list__block[data-type="core/pullquote"][data-align=right] .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,.editor-block-list__block[data-type="core/pullquote"][data-align=right] .editor-rich-text p{font-size:20px}.wp-block-pullquote cite .editor-rich-text__tinymce[data-is-empty=true]:before{font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-pullquote .editor-rich-text__tinymce[data-is-empty=true]:before{width:100%;left:50%;transform:translateX(-50%)}.wp-block-pullquote blockquote>.block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty=true]:before,.wp-block-pullquote blockquote>.editor-rich-text p{font-size:28px;line-height:1.6}.wp-block-pullquote.is-style-solid-color{margin-left:0;margin-right:0}.wp-block-pullquote.is-style-solid-color blockquote>.editor-rich-text 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-quote{margin:0}.wp-block-quote__citation{font-size:13px}.wp-block-shortcode{display:flex;flex-direction:row;padding:14px;background-color:#f8f9f9;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-shortcode label{display:flex;align-items:center;margin-right:8px;white-space:nowrap;font-weight:600;flex-shrink:0}.wp-block-shortcode .editor-plain-text{flex-grow:1}.wp-block-shortcode .dashicon{margin-right:8px}.block-library-spacer__resize-container.is-selected{background:#f3f4f5}.edit-post-visual-editor p.wp-block-subhead{color:#6c7781;font-size:1.1em;font-style:italic}.editor-block-list__block[data-type="core/table"][data-align=center] table,.editor-block-list__block[data-type="core/table"][data-align=left] table,.editor-block-list__block[data-type="core/table"][data-align=right] table{width:auto}.editor-block-list__block[data-type="core/table"][data-align=center]{text-align:initial}.editor-block-list__block[data-type="core/table"][data-align=center] table{margin:0 auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table td,.wp-block-table th{padding:0;border:1px solid}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:#00a0d2;box-shadow:inset 0 0 0 1px #00a0d2;border-style:double}.wp-block-table__cell-content{padding:.5em}.wp-block-text-columns .editor-rich-text__tinymce:focus{outline:1px solid #e2e4e7}.wp-block-verse pre,pre.wp-block-verse{color:#191e23;white-space:nowrap;font-family:inherit;font-size:inherit;padding:1em;overflow:auto}.editor-block-list__block[data-align=center]{text-align:center}.editor-video-poster-control .components-button{margin-right:8px}.editor-video-poster-control .components-button+.components-button{margin-top:1em} \ 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 index b2c0060db4..0f073c83b8 100644 --- a/wp-includes/css/dist/block-library/style-rtl.css +++ b/wp-includes/css/dist/block-library/style-rtl.css @@ -1,938 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.wp-block-audio figcaption { - margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.wp-block-audio audio { - width: 100%; - min-width: 300px; } - -.editor-block-list__layout .reusable-block-edit-panel { - align-items: center; - background: #f8f9f9; - color: #555d66; - display: flex; - flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - position: relative; - top: -14px; - margin: 0 -14px; - padding: 8px 14px; - position: relative; - z-index: 7; } - .editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel { - margin: 0 -14px; - padding: 8px 14px; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner { - margin: 0 5px; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { - margin-left: auto; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { - margin-left: 8px; - white-space: nowrap; - font-weight: 600; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - flex: 1 1 100%; - font-size: 14px; - height: 30px; - margin: 4px 0 8px; } - .editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - flex-shrink: 0; } - @media (min-width: 960px) { - .editor-block-list__layout .reusable-block-edit-panel { - flex-wrap: nowrap; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - margin: 0; } - .editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - margin: 0 5px 0 0; } } - -.editor-block-list__layout .reusable-block-indicator { - background: #fff; - border-right: 1px dashed #e2e4e7; - color: #555d66; - border-bottom: 1px dashed #e2e4e7; - top: -14px; - height: 30px; - padding: 4px; - position: absolute; - z-index: 1; - width: 30px; - left: -14px; } - -.wp-block-button { - color: #fff; - margin-bottom: 1.5em; } - .wp-block-button.aligncenter { - text-align: center; } - .wp-block-button.alignright { - text-align: right; } - -.wp-block-button__link { - background-color: #32373c; - border: none; - border-radius: 28px; - box-shadow: none; - color: inherit; - cursor: pointer; - display: inline-block; - font-size: 18px; - margin: 0; - padding: 12px 24px; - text-align: center; - text-decoration: none; - white-space: normal; - overflow-wrap: break-word; } - .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active { - color: inherit; } - -.is-style-squared .wp-block-button__link { - border-radius: 0; } - -.is-style-outline { - color: #32373c; } - .is-style-outline .wp-block-button__link { - background: transparent; - border: 2px solid currentcolor; } - -.wp-block-categories.alignleft { - margin-right: 2em; } - -.wp-block-categories.alignright { - margin-left: 2em; } - -.wp-block-columns { - display: flex; - flex-wrap: wrap; } - @media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap; } } - -.wp-block-column { - flex: 1; - margin-bottom: 1em; - flex-basis: 100%; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; } - @media (min-width: 600px) { - .wp-block-column { - flex-basis: 50%; - flex-grow: 0; } } - @media (min-width: 600px) { - .wp-block-column:nth-child(odd) { - margin-left: 32px; } - .wp-block-column:nth-child(even) { - margin-right: 32px; } - .wp-block-column:not(:first-child) { - margin-right: 32px; } - .wp-block-column:not(:last-child) { - margin-left: 32px; } } - -.wp-block-cover-image, -.wp-block-cover { - position: relative; - background-color: #000; - background-size: cover; - background-position: center center; - min-height: 430px; - width: 100%; - margin: 0 0 1.5em 0; - display: flex; - justify-content: center; - align-items: center; - overflow: hidden; } - .wp-block-cover-image.has-left-content, - .wp-block-cover.has-left-content { - justify-content: flex-start; } - .wp-block-cover-image.has-left-content h2, - .wp-block-cover-image.has-left-content .wp-block-cover-image-text, - .wp-block-cover-image.has-left-content .wp-block-cover-text, - .wp-block-cover.has-left-content h2, - .wp-block-cover.has-left-content .wp-block-cover-image-text, - .wp-block-cover.has-left-content .wp-block-cover-text { - margin-right: 0; - text-align: right; } - .wp-block-cover-image.has-right-content, - .wp-block-cover.has-right-content { - justify-content: flex-end; } - .wp-block-cover-image.has-right-content h2, - .wp-block-cover-image.has-right-content .wp-block-cover-image-text, - .wp-block-cover-image.has-right-content .wp-block-cover-text, - .wp-block-cover.has-right-content h2, - .wp-block-cover.has-right-content .wp-block-cover-image-text, - .wp-block-cover.has-right-content .wp-block-cover-text { - margin-left: 0; - text-align: left; } - .wp-block-cover-image h2, - .wp-block-cover-image .wp-block-cover-image-text, - .wp-block-cover-image .wp-block-cover-text, - .wp-block-cover h2, - .wp-block-cover .wp-block-cover-image-text, - .wp-block-cover .wp-block-cover-text { - color: #fff; - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 610px; - padding: 14px; - text-align: center; } - .wp-block-cover-image h2 a, - .wp-block-cover-image h2 a:hover, - .wp-block-cover-image h2 a:focus, - .wp-block-cover-image h2 a:active, - .wp-block-cover-image .wp-block-cover-image-text a, - .wp-block-cover-image .wp-block-cover-image-text a:hover, - .wp-block-cover-image .wp-block-cover-image-text a:focus, - .wp-block-cover-image .wp-block-cover-image-text a:active, - .wp-block-cover-image .wp-block-cover-text a, - .wp-block-cover-image .wp-block-cover-text a:hover, - .wp-block-cover-image .wp-block-cover-text a:focus, - .wp-block-cover-image .wp-block-cover-text a:active, - .wp-block-cover h2 a, - .wp-block-cover h2 a:hover, - .wp-block-cover h2 a:focus, - .wp-block-cover h2 a:active, - .wp-block-cover .wp-block-cover-image-text a, - .wp-block-cover .wp-block-cover-image-text a:hover, - .wp-block-cover .wp-block-cover-image-text a:focus, - .wp-block-cover .wp-block-cover-image-text a:active, - .wp-block-cover .wp-block-cover-text a, - .wp-block-cover .wp-block-cover-text a:hover, - .wp-block-cover .wp-block-cover-text a:focus, - .wp-block-cover .wp-block-cover-text a:active { - color: #fff; } - .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; } } - .wp-block-cover-image.has-background-dim::before, - .wp-block-cover.has-background-dim::before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: inherit; - opacity: 0.5; - z-index: 1; } - .wp-block-cover-image.has-background-dim.has-background-dim-10::before, - .wp-block-cover.has-background-dim.has-background-dim-10::before { - opacity: 0.1; } - .wp-block-cover-image.has-background-dim.has-background-dim-20::before, - .wp-block-cover.has-background-dim.has-background-dim-20::before { - opacity: 0.2; } - .wp-block-cover-image.has-background-dim.has-background-dim-30::before, - .wp-block-cover.has-background-dim.has-background-dim-30::before { - opacity: 0.3; } - .wp-block-cover-image.has-background-dim.has-background-dim-40::before, - .wp-block-cover.has-background-dim.has-background-dim-40::before { - opacity: 0.4; } - .wp-block-cover-image.has-background-dim.has-background-dim-50::before, - .wp-block-cover.has-background-dim.has-background-dim-50::before { - opacity: 0.5; } - .wp-block-cover-image.has-background-dim.has-background-dim-60::before, - .wp-block-cover.has-background-dim.has-background-dim-60::before { - opacity: 0.6; } - .wp-block-cover-image.has-background-dim.has-background-dim-70::before, - .wp-block-cover.has-background-dim.has-background-dim-70::before { - opacity: 0.7; } - .wp-block-cover-image.has-background-dim.has-background-dim-80::before, - .wp-block-cover.has-background-dim.has-background-dim-80::before { - opacity: 0.8; } - .wp-block-cover-image.has-background-dim.has-background-dim-90::before, - .wp-block-cover.has-background-dim.has-background-dim-90::before { - opacity: 0.9; } - .wp-block-cover-image.has-background-dim.has-background-dim-100::before, - .wp-block-cover.has-background-dim.has-background-dim-100::before { - opacity: 1; } - .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, - .wp-block-cover.alignleft, - .wp-block-cover.alignright { - max-width: 305px; - width: 100%; } - .wp-block-cover-image::after, - .wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; } - @supports ((position: -webkit-sticky) or (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__video-background { - position: absolute; - top: 50%; - right: 50%; - transform: translateX(50%) translateY(-50%); - width: 100%; - height: 100%; - z-index: 0; - -o-object-fit: cover; - object-fit: cover; } - -.editor-block-list__block[data-type="core/embed"][data-align="left"] .editor-block-list__block-edit, -.editor-block-list__block[data-type="core/embed"][data-align="right"] .editor-block-list__block-edit, -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; } - -.wp-block-embed { - margin-bottom: 1em; } - .wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper { - position: relative; } - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; } - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - height: 100%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { - padding-top: 66.66%; } - -.wp-embed-responsive .wp-block-embed.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__button { - background: #32373c; - border-radius: 2em; - color: #fff; - font-size: 13px; - 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 { - display: flex; - flex-wrap: wrap; - list-style-type: none; - padding: 0; } - .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item { - margin: 0 0 16px 16px; - display: flex; - flex-grow: 1; - flex-direction: column; - justify-content: center; - position: relative; } - .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .blocks-gallery-item figure { - margin: 0; - height: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .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 { - display: block; - max-width: 100%; - height: auto; } - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img { - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img { - width: auto; } } - .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: 40px 10px 5px; - color: #fff; - text-align: center; - font-size: 13px; - background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 60%, transparent); } - .wp-block-gallery .blocks-gallery-image figcaption img, - .wp-block-gallery .blocks-gallery-item figcaption img { - display: inline; } - .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: -webkit-sticky) or (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 { - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; } } - .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item { - width: calc((100% - 16px) / 2); } - .wp-block-gallery .blocks-gallery-image:nth-of-type(even), - .wp-block-gallery .blocks-gallery-item:nth-of-type(even) { - margin-left: 0; } - .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) { - .wp-block-gallery.columns-3 .blocks-gallery-image, - .wp-block-gallery.columns-3 .blocks-gallery-item { - width: calc((100% - 16px * 2) / 3); - margin-left: 16px; } - .wp-block-gallery.columns-4 .blocks-gallery-image, - .wp-block-gallery.columns-4 .blocks-gallery-item { - width: calc((100% - 16px * 3) / 4); - margin-left: 16px; } - .wp-block-gallery.columns-5 .blocks-gallery-image, - .wp-block-gallery.columns-5 .blocks-gallery-item { - width: calc((100% - 16px * 4) / 5); - margin-left: 16px; } - .wp-block-gallery.columns-6 .blocks-gallery-image, - .wp-block-gallery.columns-6 .blocks-gallery-item { - width: calc((100% - 16px * 5) / 6); - margin-left: 16px; } - .wp-block-gallery.columns-7 .blocks-gallery-image, - .wp-block-gallery.columns-7 .blocks-gallery-item { - width: calc((100% - 16px * 6) / 7); - margin-left: 16px; } - .wp-block-gallery.columns-8 .blocks-gallery-image, - .wp-block-gallery.columns-8 .blocks-gallery-item { - width: calc((100% - 16px * 7) / 8); - margin-left: 16px; } - .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), - .wp-block-gallery.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) { - 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) { - 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) { - 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) { - 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) { - 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) { - 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) { - margin-left: 0; } } - .wp-block-gallery .blocks-gallery-image:last-child, - .wp-block-gallery .blocks-gallery-item:last-child { - margin-left: 0; } - .wp-block-gallery .blocks-gallery-item.has-add-item-button { - width: 100%; } - .wp-block-gallery.alignleft, .wp-block-gallery.alignright { - max-width: 305px; - width: 100%; } - .wp-block-gallery.alignleft, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright { - display: flex; } - .wp-block-gallery.aligncenter .blocks-gallery-item figure { - justify-content: center; } - -.wp-block-image { - max-width: 100%; - margin-bottom: 1em; - margin-right: 0; - margin-left: 0; } - .wp-block-image img { - max-width: 100%; } - .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, .wp-block-image.is-resized { - display: table; - margin-right: 0; - margin-left: 0; } - .wp-block-image .alignleft > figcaption, - .wp-block-image .alignright > figcaption, - .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { - display: table-caption; - caption-side: bottom; } - .wp-block-image .alignleft { - float: left; - margin-right: 1em; } - .wp-block-image .alignright { - float: right; - margin-left: 1em; } - .wp-block-image .aligncenter { - margin-right: auto; - margin-left: auto; } - .wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.wp-block-latest-comments__comment { - font-size: 15px; - line-height: 1.1; - list-style: none; - margin-bottom: 1em; } - .has-avatars .wp-block-latest-comments__comment { - min-height: 36px; - 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: 52px; } - .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: 14px; - line-height: 1.8; - margin: 5px 0 20px; } - -.wp-block-latest-comments__comment-date { - color: #8f98a1; - display: block; - font-size: 12px; } - -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 24px; - display: block; - float: right; - height: 40px; - margin-left: 12px; - width: 40px; } - -.wp-block-latest-posts.alignleft { - margin-right: 2em; } - -.wp-block-latest-posts.alignright { - margin-left: 2em; } - -.wp-block-latest-posts.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; - list-style: none; } - .wp-block-latest-posts.is-grid li { - margin: 0 0 16px 16px; - width: 100%; } - -@media (min-width: 600px) { - .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 16px); } - .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 16px); } - .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 16px); } - .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 16px); } - .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 16px); } } - -.wp-block-latest-posts__post-date { - display: block; - color: #6c7781; - font-size: 13px; } - -.wp-block-media-text { - display: grid; } - -.wp-block-media-text { - grid-template-rows: auto; - align-items: center; - grid-template-areas: "media-text-media media-text-content"; - grid-template-columns: 50% auto; } - .wp-block-media-text.has-media-on-the-right { - grid-template-areas: "media-text-content media-text-media"; - grid-template-columns: auto 50%; } - -.wp-block-media-text .wp-block-media-text__media { - grid-area: media-text-media; - margin: 0; } - -.wp-block-media-text .wp-block-media-text__content { - word-break: break-word; - grid-area: media-text-content; - padding: 0 8% 0 8%; } - -.wp-block-media-text > figure > img, -.wp-block-media-text > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; } - -/* -* 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; - grid-template-areas: "media-text-media" "media-text-content"; } - .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right { - grid-template-areas: "media-text-content" "media-text-media"; } } - -p.is-small-text { - font-size: 14px; } - -p.is-regular-text { - font-size: 16px; } - -p.is-large-text { - font-size: 36px; } - -p.is-larger-text { - font-size: 48px; } - -p.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:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: 14px; } - -p.has-background { - padding: 20px 30px; } - -p.has-text-color a { - color: inherit; } - -.wp-block-pullquote { - padding: 3em 0; - margin-right: 0; - margin-left: 0; - text-align: center; } - .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 305px; } - .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { - font-size: 20px; } - .wp-block-pullquote p { - font-size: 28px; - 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: 32px; } - .wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; } - -.wp-block-pullquote cite { - color: inherit; } - -.wp-block-quote.is-style-large, .wp-block-quote.is-large { - margin: 0 0 16px; - padding: 0 1em; } - .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { - font-size: 24px; - 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: 18px; - text-align: left; } - -.wp-block-separator.is-style-wide { - border-bottom-width: 1px; } - -.wp-block-separator.is-style-dots { - background: none; - border: none; - text-align: center; - max-width: none; - line-height: 1; - height: auto; } - .wp-block-separator.is-style-dots::before { - content: "\00b7 \00b7 \00b7"; - color: #191e23; - font-size: 20px; - letter-spacing: 2em; - padding-right: 2em; - font-family: serif; } - -p.wp-block-subhead { - font-size: 1.1em; - font-style: italic; - opacity: 0.75; } - -.wp-block-table.has-fixed-layout { - table-layout: fixed; - width: 100%; } - -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; } - -.wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - border-bottom: 1px solid #f3f4f5; } - .wp-block-table.is-style-stripes tr:nth-child(odd) { - background-color: #f3f4f5; } - .wp-block-table.is-style-stripes td { - border-color: transparent; } - -.wp-block-text-columns { - display: flex; } - .wp-block-text-columns.aligncenter { - display: flex; } - .wp-block-text-columns .wp-block-column { - margin: 0 16px; - 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 { - white-space: nowrap; - overflow: auto; } - -.wp-block-video { - margin-right: 0; - margin-left: 0; } - .wp-block-video video { - max-width: 100%; } - @supports ((position: -webkit-sticky) or (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; - color: #555d66; - text-align: center; - font-size: 13px; } - -.has-pale-pink-background-color.has-pale-pink-background-color { - background-color: #f78da7; } - -.has-vivid-red-background-color.has-vivid-red-background-color { - background-color: #cf2e2e; } - -.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color { - background-color: #ff6900; } - -.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color { - background-color: #fcb900; } - -.has-light-green-cyan-background-color.has-light-green-cyan-background-color { - background-color: #7bdcb5; } - -.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color { - background-color: #00d084; } - -.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color { - background-color: #8ed1fc; } - -.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color { - background-color: #0693e3; } - -.has-very-light-gray-background-color.has-very-light-gray-background-color { - background-color: #eee; } - -.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color { - background-color: #abb8c3; } - -.has-very-dark-gray-background-color.has-very-dark-gray-background-color { - background-color: #313131; } - -.has-pale-pink-color.has-pale-pink-color { - color: #f78da7; } - -.has-vivid-red-color.has-vivid-red-color { - color: #cf2e2e; } - -.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color { - color: #ff6900; } - -.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color { - color: #fcb900; } - -.has-light-green-cyan-color.has-light-green-cyan-color { - color: #7bdcb5; } - -.has-vivid-green-cyan-color.has-vivid-green-cyan-color { - color: #00d084; } - -.has-pale-cyan-blue-color.has-pale-cyan-blue-color { - color: #8ed1fc; } - -.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color { - color: #0693e3; } - -.has-very-light-gray-color.has-very-light-gray-color { - color: #eee; } - -.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color { - color: #abb8c3; } - -.has-very-dark-gray-color.has-very-dark-gray-color { - color: #313131; } - -.has-small-font-size { - font-size: 13px; } - -.has-regular-font-size, -.has-normal-font-size { - font-size: 16px; } - -.has-medium-font-size { - font-size: 20px; } - -.has-large-font-size { - font-size: 36px; } - -.has-larger-font-size, -.has-huge-font-size { - font-size: 42px; } +.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;z-index:7}.editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-left:auto}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-left:8px;white-space:nowrap;font-weight:600}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 5px 0 0}}.editor-block-list__layout .reusable-block-indicator{background:#fff;border-right:1px dashed #e2e4e7;color:#555d66;border-bottom:1px dashed #e2e4e7;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;left:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background:transparent;border:2px solid}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:50%;flex-grow:0}}@media (min-width:600px){.wp-block-column:nth-child(odd){margin-left:32px}.wp-block-column:not(:first-child),.wp-block-column:nth-child(2n){margin-right:32px}.wp-block-column:not(:last-child){margin-left:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-right:0;text-align:right}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-left:0;text-align:left}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.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}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (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__video-background{position:absolute;top:50%;right:50%;transform:translateX(50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.editor-block-list__block[data-type="core/embed"][data-align=left] .editor-block-list__block-edit,.editor-block-list__block[data-type="core/embed"][data-align=right] .editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-block-embed.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__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;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}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 0 16px 16px;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .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{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.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:40px 10px 5px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.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:-webkit-sticky) or (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{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-left:0}.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){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-left:16px}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-left:16px}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-left:16px}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-left:16px}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-left:16px}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-left:16px}.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}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-left:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-right:0;margin-left:0}.wp-block-image img{max-width:100%}.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,.wp-block-image.is-resized{display:table;margin-right:0;margin-left:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-right:auto;margin-left:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;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:52px}.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:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:right;height:40px;margin-left:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-latest-posts.is-grid li{margin:0 0 16px 16px;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}p.is-small-text{font-size:14px}p.is-regular-text{font-size:16px}p.is-large-text{font-size:36px}p.is-larger-text{font-size:48px}p.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:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-right:0;margin-left:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;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:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;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:18px;text-align:left}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:#191e23;font-size:20px;letter-spacing:2em;padding-right:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;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{white-space:nowrap;overflow:auto}.wp-block-video{margin-right:0;margin-left:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (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;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px} \ 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 index fa248d2af0..e631cf6231 100644 --- a/wp-includes/css/dist/block-library/style.css +++ b/wp-includes/css/dist/block-library/style.css @@ -1,948 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.wp-block-audio figcaption { - margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.wp-block-audio audio { - width: 100%; - min-width: 300px; } - -.editor-block-list__layout .reusable-block-edit-panel { - align-items: center; - background: #f8f9f9; - color: #555d66; - display: flex; - flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - position: relative; - top: -14px; - margin: 0 -14px; - padding: 8px 14px; - position: relative; - z-index: 7; } - .editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel { - margin: 0 -14px; - padding: 8px 14px; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner { - margin: 0 5px; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { - margin-right: auto; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { - margin-right: 8px; - white-space: nowrap; - font-weight: 600; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - flex: 1 1 100%; - font-size: 14px; - height: 30px; - margin: 4px 0 8px; } - .editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - flex-shrink: 0; } - @media (min-width: 960px) { - .editor-block-list__layout .reusable-block-edit-panel { - flex-wrap: nowrap; } - .editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - margin: 0; } - .editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - margin: 0 0 0 5px; } } - -.editor-block-list__layout .reusable-block-indicator { - background: #fff; - border-left: 1px dashed #e2e4e7; - color: #555d66; - border-bottom: 1px dashed #e2e4e7; - top: -14px; - height: 30px; - padding: 4px; - position: absolute; - z-index: 1; - width: 30px; - right: -14px; } - -.wp-block-button { - color: #fff; - margin-bottom: 1.5em; } - .wp-block-button.aligncenter { - text-align: center; } - .wp-block-button.alignright { - /*rtl:ignore*/ - text-align: right; } - -.wp-block-button__link { - background-color: #32373c; - border: none; - border-radius: 28px; - box-shadow: none; - color: inherit; - cursor: pointer; - display: inline-block; - font-size: 18px; - margin: 0; - padding: 12px 24px; - text-align: center; - text-decoration: none; - white-space: normal; - overflow-wrap: break-word; } - .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active { - color: inherit; } - -.is-style-squared .wp-block-button__link { - border-radius: 0; } - -.is-style-outline { - color: #32373c; } - .is-style-outline .wp-block-button__link { - background: transparent; - border: 2px solid currentcolor; } - -.wp-block-categories.alignleft { - /*rtl:ignore*/ - margin-right: 2em; } - -.wp-block-categories.alignright { - /*rtl:ignore*/ - margin-left: 2em; } - -.wp-block-columns { - display: flex; - flex-wrap: wrap; } - @media (min-width: 782px) { - .wp-block-columns { - flex-wrap: nowrap; } } - -.wp-block-column { - flex: 1; - margin-bottom: 1em; - flex-basis: 100%; - min-width: 0; - word-break: break-word; - overflow-wrap: break-word; } - @media (min-width: 600px) { - .wp-block-column { - flex-basis: 50%; - flex-grow: 0; } } - @media (min-width: 600px) { - .wp-block-column:nth-child(odd) { - margin-right: 32px; } - .wp-block-column:nth-child(even) { - margin-left: 32px; } - .wp-block-column:not(:first-child) { - margin-left: 32px; } - .wp-block-column:not(:last-child) { - margin-right: 32px; } } - -.wp-block-cover-image, -.wp-block-cover { - position: relative; - background-color: #000; - background-size: cover; - background-position: center center; - min-height: 430px; - width: 100%; - margin: 0 0 1.5em 0; - display: flex; - justify-content: center; - align-items: center; - overflow: hidden; } - .wp-block-cover-image.has-left-content, - .wp-block-cover.has-left-content { - justify-content: flex-start; } - .wp-block-cover-image.has-left-content h2, - .wp-block-cover-image.has-left-content .wp-block-cover-image-text, - .wp-block-cover-image.has-left-content .wp-block-cover-text, - .wp-block-cover.has-left-content h2, - .wp-block-cover.has-left-content .wp-block-cover-image-text, - .wp-block-cover.has-left-content .wp-block-cover-text { - margin-left: 0; - text-align: left; } - .wp-block-cover-image.has-right-content, - .wp-block-cover.has-right-content { - justify-content: flex-end; } - .wp-block-cover-image.has-right-content h2, - .wp-block-cover-image.has-right-content .wp-block-cover-image-text, - .wp-block-cover-image.has-right-content .wp-block-cover-text, - .wp-block-cover.has-right-content h2, - .wp-block-cover.has-right-content .wp-block-cover-image-text, - .wp-block-cover.has-right-content .wp-block-cover-text { - margin-right: 0; - text-align: right; } - .wp-block-cover-image h2, - .wp-block-cover-image .wp-block-cover-image-text, - .wp-block-cover-image .wp-block-cover-text, - .wp-block-cover h2, - .wp-block-cover .wp-block-cover-image-text, - .wp-block-cover .wp-block-cover-text { - color: #fff; - font-size: 2em; - line-height: 1.25; - z-index: 1; - margin-bottom: 0; - max-width: 610px; - padding: 14px; - text-align: center; } - .wp-block-cover-image h2 a, - .wp-block-cover-image h2 a:hover, - .wp-block-cover-image h2 a:focus, - .wp-block-cover-image h2 a:active, - .wp-block-cover-image .wp-block-cover-image-text a, - .wp-block-cover-image .wp-block-cover-image-text a:hover, - .wp-block-cover-image .wp-block-cover-image-text a:focus, - .wp-block-cover-image .wp-block-cover-image-text a:active, - .wp-block-cover-image .wp-block-cover-text a, - .wp-block-cover-image .wp-block-cover-text a:hover, - .wp-block-cover-image .wp-block-cover-text a:focus, - .wp-block-cover-image .wp-block-cover-text a:active, - .wp-block-cover h2 a, - .wp-block-cover h2 a:hover, - .wp-block-cover h2 a:focus, - .wp-block-cover h2 a:active, - .wp-block-cover .wp-block-cover-image-text a, - .wp-block-cover .wp-block-cover-image-text a:hover, - .wp-block-cover .wp-block-cover-image-text a:focus, - .wp-block-cover .wp-block-cover-image-text a:active, - .wp-block-cover .wp-block-cover-text a, - .wp-block-cover .wp-block-cover-text a:hover, - .wp-block-cover .wp-block-cover-text a:focus, - .wp-block-cover .wp-block-cover-text a:active { - color: #fff; } - .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; } } - .wp-block-cover-image.has-background-dim::before, - .wp-block-cover.has-background-dim::before { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - background-color: inherit; - opacity: 0.5; - z-index: 1; } - .wp-block-cover-image.has-background-dim.has-background-dim-10::before, - .wp-block-cover.has-background-dim.has-background-dim-10::before { - opacity: 0.1; } - .wp-block-cover-image.has-background-dim.has-background-dim-20::before, - .wp-block-cover.has-background-dim.has-background-dim-20::before { - opacity: 0.2; } - .wp-block-cover-image.has-background-dim.has-background-dim-30::before, - .wp-block-cover.has-background-dim.has-background-dim-30::before { - opacity: 0.3; } - .wp-block-cover-image.has-background-dim.has-background-dim-40::before, - .wp-block-cover.has-background-dim.has-background-dim-40::before { - opacity: 0.4; } - .wp-block-cover-image.has-background-dim.has-background-dim-50::before, - .wp-block-cover.has-background-dim.has-background-dim-50::before { - opacity: 0.5; } - .wp-block-cover-image.has-background-dim.has-background-dim-60::before, - .wp-block-cover.has-background-dim.has-background-dim-60::before { - opacity: 0.6; } - .wp-block-cover-image.has-background-dim.has-background-dim-70::before, - .wp-block-cover.has-background-dim.has-background-dim-70::before { - opacity: 0.7; } - .wp-block-cover-image.has-background-dim.has-background-dim-80::before, - .wp-block-cover.has-background-dim.has-background-dim-80::before { - opacity: 0.8; } - .wp-block-cover-image.has-background-dim.has-background-dim-90::before, - .wp-block-cover.has-background-dim.has-background-dim-90::before { - opacity: 0.9; } - .wp-block-cover-image.has-background-dim.has-background-dim-100::before, - .wp-block-cover.has-background-dim.has-background-dim-100::before { - opacity: 1; } - .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, - .wp-block-cover.alignleft, - .wp-block-cover.alignright { - max-width: 305px; - width: 100%; } - .wp-block-cover-image::after, - .wp-block-cover::after { - display: block; - content: ""; - font-size: 0; - min-height: inherit; } - @supports ((position: -webkit-sticky) or (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__video-background { - position: absolute; - top: 50%; - left: 50%; - transform: translateX(-50%) translateY(-50%); - width: 100%; - height: 100%; - z-index: 0; - -o-object-fit: cover; - object-fit: cover; } - -.editor-block-list__block[data-type="core/embed"][data-align="left"] .editor-block-list__block-edit, -.editor-block-list__block[data-type="core/embed"][data-align="right"] .editor-block-list__block-edit, -.wp-block-embed.alignleft, -.wp-block-embed.alignright { - max-width: 360px; - width: 100%; } - -.wp-block-embed { - margin-bottom: 1em; } - .wp-block-embed figcaption { - margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper { - position: relative; } - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { - content: ""; - display: block; - padding-top: 50%; } - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, - .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { - padding-top: 42.85%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { - padding-top: 50%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { - padding-top: 56.25%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { - padding-top: 75%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { - padding-top: 100%; } - -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before { - padding-top: 66.66%; } - -.wp-embed-responsive .wp-block-embed.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__button { - background: #32373c; - border-radius: 2em; - color: #fff; - font-size: 13px; - 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 { - display: flex; - flex-wrap: wrap; - list-style-type: none; - padding: 0; } - .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item { - margin: 0 16px 16px 0; - display: flex; - flex-grow: 1; - flex-direction: column; - justify-content: center; - position: relative; } - .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .blocks-gallery-item figure { - margin: 0; - height: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery .blocks-gallery-image figure, - .wp-block-gallery .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 { - display: block; - max-width: 100%; - height: auto; } - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img { - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .wp-block-gallery .blocks-gallery-image img, - .wp-block-gallery .blocks-gallery-item img { - width: auto; } } - .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: 40px 10px 5px; - color: #fff; - text-align: center; - font-size: 13px; - background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 60%, transparent); } - .wp-block-gallery .blocks-gallery-image figcaption img, - .wp-block-gallery .blocks-gallery-item figcaption img { - display: inline; } - .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: -webkit-sticky) or (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 { - height: 100%; - flex: 1; - -o-object-fit: cover; - object-fit: cover; } } - .wp-block-gallery .blocks-gallery-image, - .wp-block-gallery .blocks-gallery-item { - width: calc((100% - 16px) / 2); } - .wp-block-gallery .blocks-gallery-image:nth-of-type(even), - .wp-block-gallery .blocks-gallery-item:nth-of-type(even) { - margin-right: 0; } - .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) { - .wp-block-gallery.columns-3 .blocks-gallery-image, - .wp-block-gallery.columns-3 .blocks-gallery-item { - width: calc((100% - 16px * 2) / 3); - margin-right: 16px; } - .wp-block-gallery.columns-4 .blocks-gallery-image, - .wp-block-gallery.columns-4 .blocks-gallery-item { - width: calc((100% - 16px * 3) / 4); - margin-right: 16px; } - .wp-block-gallery.columns-5 .blocks-gallery-image, - .wp-block-gallery.columns-5 .blocks-gallery-item { - width: calc((100% - 16px * 4) / 5); - margin-right: 16px; } - .wp-block-gallery.columns-6 .blocks-gallery-image, - .wp-block-gallery.columns-6 .blocks-gallery-item { - width: calc((100% - 16px * 5) / 6); - margin-right: 16px; } - .wp-block-gallery.columns-7 .blocks-gallery-image, - .wp-block-gallery.columns-7 .blocks-gallery-item { - width: calc((100% - 16px * 6) / 7); - margin-right: 16px; } - .wp-block-gallery.columns-8 .blocks-gallery-image, - .wp-block-gallery.columns-8 .blocks-gallery-item { - width: calc((100% - 16px * 7) / 8); - margin-right: 16px; } - .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), - .wp-block-gallery.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) { - 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) { - 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) { - 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) { - 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) { - 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) { - 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) { - margin-right: 0; } } - .wp-block-gallery .blocks-gallery-image:last-child, - .wp-block-gallery .blocks-gallery-item:last-child { - margin-right: 0; } - .wp-block-gallery .blocks-gallery-item.has-add-item-button { - width: 100%; } - .wp-block-gallery.alignleft, .wp-block-gallery.alignright { - max-width: 305px; - width: 100%; } - .wp-block-gallery.alignleft, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright { - display: flex; } - .wp-block-gallery.aligncenter .blocks-gallery-item figure { - justify-content: center; } - -.wp-block-image { - max-width: 100%; - margin-bottom: 1em; - margin-left: 0; - margin-right: 0; } - .wp-block-image img { - max-width: 100%; } - .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, .wp-block-image.is-resized { - display: table; - margin-left: 0; - margin-right: 0; } - .wp-block-image .alignleft > figcaption, - .wp-block-image .alignright > figcaption, - .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { - display: table-caption; - caption-side: bottom; } - .wp-block-image .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin-right: 1em; } - .wp-block-image .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin-left: 1em; } - .wp-block-image .aligncenter { - margin-left: auto; - margin-right: auto; } - .wp-block-image figcaption { - margin-top: 0.5em; - margin-bottom: 1em; - color: #555d66; - text-align: center; - font-size: 13px; } - -.wp-block-latest-comments__comment { - font-size: 15px; - line-height: 1.1; - list-style: none; - margin-bottom: 1em; } - .has-avatars .wp-block-latest-comments__comment { - min-height: 36px; - 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: 52px; } - .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: 14px; - line-height: 1.8; - margin: 5px 0 20px; } - -.wp-block-latest-comments__comment-date { - color: #8f98a1; - display: block; - font-size: 12px; } - -.wp-block-latest-comments .avatar, -.wp-block-latest-comments__comment-avatar { - border-radius: 24px; - display: block; - float: left; - height: 40px; - margin-right: 12px; - width: 40px; } - -.wp-block-latest-posts.alignleft { - /*rtl:ignore*/ - margin-right: 2em; } - -.wp-block-latest-posts.alignright { - /*rtl:ignore*/ - margin-left: 2em; } - -.wp-block-latest-posts.is-grid { - display: flex; - flex-wrap: wrap; - padding: 0; - list-style: none; } - .wp-block-latest-posts.is-grid li { - margin: 0 16px 16px 0; - width: 100%; } - -@media (min-width: 600px) { - .wp-block-latest-posts.columns-2 li { - width: calc((100% / 2) - 16px); } - .wp-block-latest-posts.columns-3 li { - width: calc((100% / 3) - 16px); } - .wp-block-latest-posts.columns-4 li { - width: calc((100% / 4) - 16px); } - .wp-block-latest-posts.columns-5 li { - width: calc((100% / 5) - 16px); } - .wp-block-latest-posts.columns-6 li { - width: calc((100% / 6) - 16px); } } - -.wp-block-latest-posts__post-date { - display: block; - color: #6c7781; - font-size: 13px; } - -.wp-block-media-text { - display: grid; } - -.wp-block-media-text { - grid-template-rows: auto; - align-items: center; - grid-template-areas: "media-text-media media-text-content"; - grid-template-columns: 50% auto; } - .wp-block-media-text.has-media-on-the-right { - grid-template-areas: "media-text-content media-text-media"; - grid-template-columns: auto 50%; } - -.wp-block-media-text .wp-block-media-text__media { - grid-area: media-text-media; - margin: 0; } - -.wp-block-media-text .wp-block-media-text__content { - word-break: break-word; - grid-area: media-text-content; - padding: 0 8% 0 8%; } - -.wp-block-media-text > figure > img, -.wp-block-media-text > figure > video { - max-width: unset; - width: 100%; - vertical-align: middle; } - -/* -* 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; - grid-template-areas: "media-text-media" "media-text-content"; } - .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right { - grid-template-areas: "media-text-content" "media-text-media"; } } - -p.is-small-text { - font-size: 14px; } - -p.is-regular-text { - font-size: 16px; } - -p.is-large-text { - font-size: 36px; } - -p.is-larger-text { - font-size: 48px; } - -p.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:not(:focus)::after { - content: ""; - display: table; - clear: both; - padding-top: 14px; } - -p.has-background { - padding: 20px 30px; } - -p.has-text-color a { - color: inherit; } - -.wp-block-pullquote { - padding: 3em 0; - margin-left: 0; - margin-right: 0; - text-align: center; } - .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { - max-width: 305px; } - .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { - font-size: 20px; } - .wp-block-pullquote p { - font-size: 28px; - 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: 32px; } - .wp-block-pullquote.is-style-solid-color blockquote cite { - text-transform: none; - font-style: normal; } - -.wp-block-pullquote cite { - color: inherit; } - -.wp-block-quote.is-style-large, .wp-block-quote.is-large { - margin: 0 0 16px; - padding: 0 1em; } - .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { - font-size: 24px; - 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: 18px; - text-align: right; } - -.wp-block-separator.is-style-wide { - border-bottom-width: 1px; } - -.wp-block-separator.is-style-dots { - background: none; - border: none; - text-align: center; - max-width: none; - line-height: 1; - height: auto; } - .wp-block-separator.is-style-dots::before { - content: "\00b7 \00b7 \00b7"; - color: #191e23; - font-size: 20px; - letter-spacing: 2em; - padding-left: 2em; - font-family: serif; } - -p.wp-block-subhead { - font-size: 1.1em; - font-style: italic; - opacity: 0.75; } - -.wp-block-table.has-fixed-layout { - table-layout: fixed; - width: 100%; } - -.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { - display: table; - width: auto; } - -.wp-block-table.is-style-stripes { - border-spacing: 0; - border-collapse: inherit; - border-bottom: 1px solid #f3f4f5; } - .wp-block-table.is-style-stripes tr:nth-child(odd) { - background-color: #f3f4f5; } - .wp-block-table.is-style-stripes td { - border-color: transparent; } - -.wp-block-text-columns { - display: flex; } - .wp-block-text-columns.aligncenter { - display: flex; } - .wp-block-text-columns .wp-block-column { - margin: 0 16px; - 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 { - white-space: nowrap; - overflow: auto; } - -.wp-block-video { - margin-left: 0; - margin-right: 0; } - .wp-block-video video { - max-width: 100%; } - @supports ((position: -webkit-sticky) or (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; - color: #555d66; - text-align: center; - font-size: 13px; } - -.has-pale-pink-background-color.has-pale-pink-background-color { - background-color: #f78da7; } - -.has-vivid-red-background-color.has-vivid-red-background-color { - background-color: #cf2e2e; } - -.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color { - background-color: #ff6900; } - -.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color { - background-color: #fcb900; } - -.has-light-green-cyan-background-color.has-light-green-cyan-background-color { - background-color: #7bdcb5; } - -.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color { - background-color: #00d084; } - -.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color { - background-color: #8ed1fc; } - -.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color { - background-color: #0693e3; } - -.has-very-light-gray-background-color.has-very-light-gray-background-color { - background-color: #eee; } - -.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color { - background-color: #abb8c3; } - -.has-very-dark-gray-background-color.has-very-dark-gray-background-color { - background-color: #313131; } - -.has-pale-pink-color.has-pale-pink-color { - color: #f78da7; } - -.has-vivid-red-color.has-vivid-red-color { - color: #cf2e2e; } - -.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color { - color: #ff6900; } - -.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color { - color: #fcb900; } - -.has-light-green-cyan-color.has-light-green-cyan-color { - color: #7bdcb5; } - -.has-vivid-green-cyan-color.has-vivid-green-cyan-color { - color: #00d084; } - -.has-pale-cyan-blue-color.has-pale-cyan-blue-color { - color: #8ed1fc; } - -.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color { - color: #0693e3; } - -.has-very-light-gray-color.has-very-light-gray-color { - color: #eee; } - -.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color { - color: #abb8c3; } - -.has-very-dark-gray-color.has-very-dark-gray-color { - color: #313131; } - -.has-small-font-size { - font-size: 13px; } - -.has-regular-font-size, -.has-normal-font-size { - font-size: 16px; } - -.has-medium-font-size { - font-size: 20px; } - -.has-large-font-size { - font-size: 36px; } - -.has-larger-font-size, -.has-huge-font-size { - font-size: 42px; } +.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;z-index:7}.editor-block-list__layout .editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .reusable-block-indicator{background:#fff;border-left:1px dashed #e2e4e7;color:#555d66;border-bottom:1px dashed #e2e4e7;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background:transparent;border:2px solid}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:50%;flex-grow:0}}@media (min-width:600px){.wp-block-column:nth-child(odd){margin-right:32px}.wp-block-column:not(:first-child),.wp-block-column:nth-child(2n){margin-left:32px}.wp-block-column:not(:last-child){margin-right:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.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}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (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__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.editor-block-list__block[data-type="core/embed"][data-align=left] .editor-block-list__block-edit,.editor-block-list__block[data-type="core/embed"][data-align=right] .editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-block-embed.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__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;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}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .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{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.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:40px 10px 5px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 60%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.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:-webkit-sticky) or (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{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.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){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}.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}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.wp-block-image img{max-width:100%}.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,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;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:52px}.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:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}p.is-small-text{font-size:14px}p.is-regular-text{font-size:16px}p.is-large-text{font-size:36px}p.is-larger-text{font-size:48px}p.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:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;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:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;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:18px;text-align:right}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;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{white-space:nowrap;overflow:auto}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (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;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px} \ 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 index ba85aa5220..b12135ae74 100644 --- a/wp-includes/css/dist/block-library/theme-rtl.css +++ b/wp-includes/css/dist/block-library/theme-rtl.css @@ -1,84 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.wp-block-code { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; - padding: 0.8em 1em; - border: 1px solid #e2e4e7; - border-radius: 4px; } - -.wp-block-preformatted pre { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; } - -.wp-block-pullquote { - border-top: 4px solid #555d66; - border-bottom: 4px solid #555d66; - color: #40464d; } - .wp-block-pullquote cite, - .wp-block-pullquote footer, .wp-block-pullquote__citation { - color: #40464d; - text-transform: uppercase; - font-size: 13px; - font-style: normal; } - -.wp-block-quote { - margin: 20px 0; } - .wp-block-quote cite, - .wp-block-quote footer, .wp-block-quote__citation { - color: #6c7781; - font-size: 13px; - margin-top: 1em; - position: relative; - font-style: normal; } - -.wp-block-quote:not(.is-large):not(.is-style-large) { - border-right: 4px solid #000; - padding-right: 1em; } - -.wp-block-separator { - border: none; - border-bottom: 2px solid #8f98a1; - margin: 1.65em auto; } - .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - max-width: 100px; } - -.wp-block-table { - width: 100%; - min-width: 240px; - border-collapse: collapse; } - .wp-block-table td, - .wp-block-table th { - padding: 0.5em; - border: 1px solid currentColor; - word-break: break-all; } +.wp-block-code{padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-code,.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-quote{margin:20px 0}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote:not(.is-large):not(.is-style-large){border-right:4px solid #000;padding-right:1em}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin:1.65em auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-table{width:100%;min-width:240px;border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:break-all} \ 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 index 55fd644b4d..abacba0f67 100644 --- a/wp-includes/css/dist/block-library/theme.css +++ b/wp-includes/css/dist/block-library/theme.css @@ -1,84 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.wp-block-code { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; - padding: 0.8em 1em; - border: 1px solid #e2e4e7; - border-radius: 4px; } - -.wp-block-preformatted pre { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - color: #23282d; } - -.wp-block-pullquote { - border-top: 4px solid #555d66; - border-bottom: 4px solid #555d66; - color: #40464d; } - .wp-block-pullquote cite, - .wp-block-pullquote footer, .wp-block-pullquote__citation { - color: #40464d; - text-transform: uppercase; - font-size: 13px; - font-style: normal; } - -.wp-block-quote { - margin: 20px 0; } - .wp-block-quote cite, - .wp-block-quote footer, .wp-block-quote__citation { - color: #6c7781; - font-size: 13px; - margin-top: 1em; - position: relative; - font-style: normal; } - -.wp-block-quote:not(.is-large):not(.is-style-large) { - border-left: 4px solid #000; - padding-left: 1em; } - -.wp-block-separator { - border: none; - border-bottom: 2px solid #8f98a1; - margin: 1.65em auto; } - .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { - max-width: 100px; } - -.wp-block-table { - width: 100%; - min-width: 240px; - border-collapse: collapse; } - .wp-block-table td, - .wp-block-table th { - padding: 0.5em; - border: 1px solid currentColor; - word-break: break-all; } +.wp-block-code{padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-code,.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-quote{margin:20px 0}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote:not(.is-large):not(.is-style-large){border-left:4px solid #000;padding-left:1em}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin:1.65em auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-table{width:100%;min-width:240px;border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:break-all} \ 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 index 5e1b983483..2b3ffdc3e7 100644 --- a/wp-includes/css/dist/components/style-rtl.css +++ b/wp-includes/css/dist/components/style-rtl.css @@ -1,3092 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.components-autocomplete__popover .components-popover__content { - min-width: 200px; } - -.components-autocomplete__popover .components-autocomplete__results { - padding: 3px; - display: flex; - flex-direction: column; - align-items: stretch; } - .components-autocomplete__popover .components-autocomplete__results:empty { - display: none; } - -.components-autocomplete__result.components-button { - margin-bottom: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - color: #555d66; - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 0; - align-items: center; - padding: 6px; - text-align: right; } - .components-autocomplete__result.components-button.is-selected { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-autocomplete__result.components-button:hover { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); } - -.components-base-control { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; } - .components-base-control .components-base-control__field { - margin-bottom: 8px; } - .components-panel__row .components-base-control .components-base-control__field { - margin-bottom: inherit; } - .components-base-control .components-base-control__label { - display: block; - margin-bottom: 4px; } - .components-base-control .components-base-control__help { - margin-top: -8px; - font-style: italic; - margin-bottom: 0; } - -.components-button-group { - display: inline-block; } - .components-button-group .components-button.is-button { - border-radius: 0; } - .components-button-group .components-button.is-button + .components-button.is-button { - margin-right: -1px; } - .components-button-group .components-button.is-button:first-child { - border-radius: 0 3px 3px 0; } - .components-button-group .components-button.is-button:last-child { - border-radius: 3px 0 0 3px; } - .components-button-group .components-button.is-button:focus, .components-button-group .components-button.is-button.is-primary { - position: relative; - z-index: 1; } - .components-button-group .components-button.is-button.is-primary { - box-shadow: none; } - -.components-button { - display: inline-flex; - text-decoration: none; - font-size: 13px; - margin: 0; - border: 0; - cursor: pointer; - -webkit-appearance: none; - background: none; - /* Buttons that look like links, for a cross of good semantics with the visual */ - /* Link buttons that are red to indicate destructive behavior. */ } - .components-button.is-button { - padding: 0 10px 1px; - line-height: 26px; - height: 28px; - border-radius: 3px; - white-space: nowrap; - border-width: 1px; - border-style: solid; } - .components-button.is-default { - color: #555; - border-color: #ccc; - background: #f7f7f7; - box-shadow: inset 0 -1px 0 #ccc; - vertical-align: top; } - .components-button.is-default:hover { - background: #fafafa; - border-color: #999; - box-shadow: inset 0 -1px 0 #999; - color: #23282d; - text-decoration: none; } - .components-button.is-default:focus:enabled { - background: #fafafa; - color: #23282d; - border-color: #999; - box-shadow: inset 0 -1px 0 #999, 0 0 0 2px #bfe7f3; - text-decoration: none; } - .components-button.is-default:active:enabled { - background: #eee; - border-color: #999; - box-shadow: inset 0 1px 0 #999; } - .components-button.is-default:disabled, .components-button.is-default[aria-disabled="true"] { - color: #a0a5aa; - border-color: #ddd; - background: #f7f7f7; - box-shadow: none; - text-shadow: 0 1px 0 #fff; - transform: none; } - .components-button.is-primary { - background: rgb(0, 133, 186); - border-color: rgb(0, 106, 149) rgb(0, 100, 140) rgb(0, 100, 140); - box-shadow: inset 0 -1px 0 rgb(0, 100, 140); - color: #fff; - text-decoration: none; - text-shadow: 0 -1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130); } - body.admin-color-sunrise .components-button.is-primary { - background: rgb(209, 134, 74); - border-color: rgb(167, 107, 59) rgb(157, 101, 56) rgb(157, 101, 56); - box-shadow: inset 0 -1px 0 rgb(157, 101, 56); - text-shadow: 0 -1px 1px rgb(146, 94, 52), -1px 0 1px rgb(146, 94, 52), 0 1px 1px rgb(146, 94, 52), 1px 0 1px rgb(146, 94, 52); } - body.admin-color-ocean .components-button.is-primary { - background: rgb(163, 185, 162); - border-color: rgb(130, 148, 130) rgb(122, 139, 122) rgb(122, 139, 122); - box-shadow: inset 0 -1px 0 rgb(122, 139, 122); - text-shadow: 0 -1px 1px rgb(114, 130, 113), -1px 0 1px rgb(114, 130, 113), 0 1px 1px rgb(114, 130, 113), 1px 0 1px rgb(114, 130, 113); } - body.admin-color-midnight .components-button.is-primary { - background: rgb(225, 77, 67); - border-color: rgb(180, 62, 54) rgb(169, 58, 50) rgb(169, 58, 50); - box-shadow: inset 0 -1px 0 rgb(169, 58, 50); - text-shadow: 0 -1px 1px rgb(158, 54, 47), -1px 0 1px rgb(158, 54, 47), 0 1px 1px rgb(158, 54, 47), 1px 0 1px rgb(158, 54, 47); } - body.admin-color-ectoplasm .components-button.is-primary { - background: rgb(167, 182, 86); - border-color: rgb(134, 146, 69) rgb(125, 137, 65) rgb(125, 137, 65); - box-shadow: inset 0 -1px 0 rgb(125, 137, 65); - text-shadow: 0 -1px 1px rgb(117, 127, 60), -1px 0 1px rgb(117, 127, 60), 0 1px 1px rgb(117, 127, 60), 1px 0 1px rgb(117, 127, 60); } - body.admin-color-coffee .components-button.is-primary { - background: rgb(194, 166, 140); - border-color: rgb(155, 133, 112) rgb(146, 125, 105) rgb(146, 125, 105); - box-shadow: inset 0 -1px 0 rgb(146, 125, 105); - text-shadow: 0 -1px 1px rgb(136, 116, 98), -1px 0 1px rgb(136, 116, 98), 0 1px 1px rgb(136, 116, 98), 1px 0 1px rgb(136, 116, 98); } - body.admin-color-blue .components-button.is-primary { - background: rgb(217, 171, 89); - border-color: rgb(174, 137, 71) rgb(163, 128, 67) rgb(163, 128, 67); - box-shadow: inset 0 -1px 0 rgb(163, 128, 67); - text-shadow: 0 -1px 1px rgb(152, 120, 62), -1px 0 1px rgb(152, 120, 62), 0 1px 1px rgb(152, 120, 62), 1px 0 1px rgb(152, 120, 62); } - body.admin-color-light .components-button.is-primary { - background: rgb(0, 133, 186); - border-color: rgb(0, 106, 149) rgb(0, 100, 140) rgb(0, 100, 140); - box-shadow: inset 0 -1px 0 rgb(0, 100, 140); - text-shadow: 0 -1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130); } - .components-button.is-primary:hover, .components-button.is-primary:focus:enabled { - background: rgb(0, 126, 177); - border-color: rgb(0, 67, 93); - color: #fff; } - body.admin-color-sunrise .components-button.is-primary:hover, body.admin-color-sunrise .components-button.is-primary:focus:enabled { - background: rgb(199, 127, 70); - border-color: rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary:hover, body.admin-color-ocean .components-button.is-primary:focus:enabled { - background: rgb(155, 176, 154); - border-color: rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary:hover, body.admin-color-midnight .components-button.is-primary:focus:enabled { - background: rgb(214, 73, 64); - border-color: rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary:hover, body.admin-color-ectoplasm .components-button.is-primary:focus:enabled { - background: rgb(159, 173, 82); - border-color: rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary:hover, body.admin-color-coffee .components-button.is-primary:focus:enabled { - background: rgb(184, 158, 133); - border-color: rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary:hover, body.admin-color-blue .components-button.is-primary:focus:enabled { - background: rgb(206, 162, 85); - border-color: rgb(109, 86, 45); } - body.admin-color-light .components-button.is-primary:hover, body.admin-color-light .components-button.is-primary:focus:enabled { - background: rgb(0, 126, 177); - border-color: rgb(0, 67, 93); } - .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93); } - body.admin-color-sunrise .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(109, 86, 45); } - body.admin-color-light .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93); } - .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93), 0 0 0 2px #bfe7f3; } - body.admin-color-sunrise .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(105, 67, 37), 0 0 0 2px #bfe7f3; } - body.admin-color-ocean .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(82, 93, 81), 0 0 0 2px #bfe7f3; } - body.admin-color-midnight .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(113, 39, 34), 0 0 0 2px #bfe7f3; } - body.admin-color-ectoplasm .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(84, 91, 43), 0 0 0 2px #bfe7f3; } - body.admin-color-coffee .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(97, 83, 70), 0 0 0 2px #bfe7f3; } - body.admin-color-blue .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(109, 86, 45), 0 0 0 2px #bfe7f3; } - body.admin-color-light .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93), 0 0 0 2px #bfe7f3; } - .components-button.is-primary:active:enabled { - background: rgb(0, 106, 149); - border-color: rgb(0, 67, 93); - box-shadow: inset 0 1px 0 rgb(0, 67, 93); - vertical-align: top; } - body.admin-color-sunrise .components-button.is-primary:active:enabled { - background: rgb(167, 107, 59); - border-color: rgb(105, 67, 37); - box-shadow: inset 0 1px 0 rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary:active:enabled { - background: rgb(130, 148, 130); - border-color: rgb(82, 93, 81); - box-shadow: inset 0 1px 0 rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary:active:enabled { - background: rgb(180, 62, 54); - border-color: rgb(113, 39, 34); - box-shadow: inset 0 1px 0 rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary:active:enabled { - background: rgb(134, 146, 69); - border-color: rgb(84, 91, 43); - box-shadow: inset 0 1px 0 rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary:active:enabled { - background: rgb(155, 133, 112); - border-color: rgb(97, 83, 70); - box-shadow: inset 0 1px 0 rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary:active:enabled { - background: rgb(174, 137, 71); - border-color: rgb(109, 86, 45); - box-shadow: inset 0 1px 0 rgb(109, 86, 45); } - body.admin-color-light .components-button.is-primary:active:enabled { - background: rgb(0, 106, 149); - border-color: rgb(0, 67, 93); - box-shadow: inset 0 1px 0 rgb(0, 67, 93); } - .components-button.is-primary:disabled, .components-button.is-primary[aria-disabled="true"] { - color: rgb(77, 170, 207); - background: rgb(0, 93, 130); - border-color: rgb(0, 106, 149); - box-shadow: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); } - body.admin-color-sunrise .components-button.is-primary:disabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"] { - color: rgb(223, 170, 128); - background: rgb(146, 94, 52); - border-color: rgb(167, 107, 59); } - body.admin-color-ocean .components-button.is-primary:disabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"] { - color: rgb(191, 206, 190); - background: rgb(114, 130, 113); - border-color: rgb(130, 148, 130); } - body.admin-color-midnight .components-button.is-primary:disabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"] { - color: rgb(234, 130, 123); - background: rgb(158, 54, 47); - border-color: rgb(180, 62, 54); } - body.admin-color-ectoplasm .components-button.is-primary:disabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"] { - color: rgb(193, 204, 137); - background: rgb(117, 127, 60); - border-color: rgb(134, 146, 69); } - body.admin-color-coffee .components-button.is-primary:disabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"] { - color: rgb(212, 193, 175); - background: rgb(136, 116, 98); - border-color: rgb(155, 133, 112); } - body.admin-color-blue .components-button.is-primary:disabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"] { - color: rgb(228, 196, 139); - background: rgb(152, 120, 62); - border-color: rgb(174, 137, 71); } - body.admin-color-light .components-button.is-primary:disabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"] { - color: rgb(77, 170, 207); - background: rgb(0, 93, 130); - border-color: rgb(0, 106, 149); } - .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, #0085ba 28%, rgb(0, 93, 130) 28%, rgb(0, 93, 130) 72%, #0085ba 72%); - /* stylelint-enable */ - border-color: rgb(0, 67, 93); } - body.admin-color-sunrise .components-button.is-primary.is-busy, body.admin-color-sunrise .components-button.is-primary.is-busy:disabled, body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #d1864a 28%, rgb(146, 94, 52) 28%, rgb(146, 94, 52) 72%, #d1864a 72%); - border-color: rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary.is-busy, body.admin-color-ocean .components-button.is-primary.is-busy:disabled, body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #a3b9a2 28%, rgb(114, 130, 113) 28%, rgb(114, 130, 113) 72%, #a3b9a2 72%); - border-color: rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary.is-busy, body.admin-color-midnight .components-button.is-primary.is-busy:disabled, body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #e14d43 28%, rgb(158, 54, 47) 28%, rgb(158, 54, 47) 72%, #e14d43 72%); - border-color: rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary.is-busy, body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled, body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #a7b656 28%, rgb(117, 127, 60) 28%, rgb(117, 127, 60) 72%, #a7b656 72%); - border-color: rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary.is-busy, body.admin-color-coffee .components-button.is-primary.is-busy:disabled, body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #c2a68c 28%, rgb(136, 116, 98) 28%, rgb(136, 116, 98) 72%, #c2a68c 72%); - border-color: rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary.is-busy, body.admin-color-blue .components-button.is-primary.is-busy:disabled, body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #82b4cb 28%, rgb(91, 126, 142) 28%, rgb(91, 126, 142) 72%, #82b4cb 72%); - border-color: rgb(65, 90, 102); } - body.admin-color-light .components-button.is-primary.is-busy, body.admin-color-light .components-button.is-primary.is-busy:disabled, body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(45deg, #0085ba 28%, rgb(0, 93, 130) 28%, rgb(0, 93, 130) 72%, #0085ba 72%); - border-color: rgb(0, 67, 93); } - .components-button.is-link { - margin: 0; - padding: 0; - box-shadow: none; - border: 0; - border-radius: 0; - background: none; - outline: none; - text-align: right; - /* Mimics the default link style in common.css */ - color: #0073aa; - text-decoration: underline; - transition-property: border, background, color; - transition-duration: 0.05s; - transition-timing-function: ease-in-out; } - .components-button.is-link:hover, .components-button.is-link:active { - color: #00a0d2; } - .components-button.is-link:focus { - color: #124964; - box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } - .components-button.is-link.is-destructive { - color: #d94f4f; } - .components-button:active { - color: currentColor; } - .components-button:disabled, .components-button[aria-disabled="true"] { - cursor: default; - opacity: 0.3; } - .components-button:focus:enabled { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-button.is-busy { - animation: components-button__busy-animation 2500ms infinite linear; - background-size: 100px 100%; - background-image: repeating-linear-gradient(45deg, #e2e4e7, #fff 11px, #fff 10px, #e2e4e7 20px); - opacity: 1; } - .components-button.is-large { - height: 30px; - line-height: 28px; - padding: 0 12px 2px; } - .components-button.is-small { - height: 24px; - line-height: 22px; - padding: 0 8px 1px; - font-size: 11px; } - .components-button.is-tertiary { - color: #007cba; - padding: 0 10px; - line-height: 26px; - height: 28px; } - body.admin-color-sunrise .components-button.is-tertiary { - color: #837425; } - body.admin-color-ocean .components-button.is-tertiary { - color: #5e7d5e; } - body.admin-color-midnight .components-button.is-tertiary { - color: #497b8d; } - body.admin-color-ectoplasm .components-button.is-tertiary { - color: #523f6d; } - body.admin-color-coffee .components-button.is-tertiary { - color: #59524c; } - body.admin-color-blue .components-button.is-tertiary { - color: #417e9B; } - body.admin-color-light .components-button.is-tertiary { - color: #007cba; } - .components-button.is-tertiary .dashicon { - display: inline-block; - flex: 0 0 auto; } - .components-button.is-tertiary svg { - fill: currentColor; - outline: none; } - .components-button.is-tertiary:active:focus:enabled { - box-shadow: none; } - .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(0, 93, 140); } - body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(98, 87, 28); } - body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(71, 94, 71); } - body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(55, 92, 106); } - body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(62, 47, 82); } - body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(67, 62, 57); } - body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(49, 95, 116); } - body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(0, 93, 140); } - -@keyframes components-button__busy-animation { - 0% { - background-position: 200px 0; } } - -.components-checkbox-control__input[type="checkbox"] { - margin-top: 0; } - -.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; } - -.components-color-palette { - margin-left: -14px; } - .components-color-palette .components-color-palette__clear { - float: left; - margin-left: 20px; } - -.components-color-palette__item-wrapper { - display: inline-block; - height: 28px; - width: 28px; - margin-left: 14px; - margin-bottom: 14px; - vertical-align: top; - transform: scale(1); - transition: 100ms transform ease; } - .components-color-palette__item-wrapper:hover { - transform: scale(1.2); } - .components-color-palette__item-wrapper > div { - height: 100%; - width: 100%; } - -.components-color-palette__item { - 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; } - .components-color-palette__item.is-active { - box-shadow: inset 0 0 0 4px; } - .components-color-palette__item::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } - .components-color-palette__item:focus { - outline: none; } - .components-color-palette__item:focus::after { - content: ""; - border: 1px solid #606a73; - width: 32px; - height: 32px; - position: absolute; - top: -2px; - right: -2px; - border-radius: 50%; } - -.components-color-palette__clear-color .components-color-palette__item { - color: #fff; - background: #fff; } - -.components-color-palette__clear-color-line { - display: block; - position: absolute; - border: 2px solid #d94f4f; - border-radius: 50%; - top: 0; - right: 0; - bottom: 0; - left: 0; } - .components-color-palette__clear-color-line::before { - position: absolute; - top: 0; - right: 0; - content: ""; - width: 100%; - height: 100%; - border-bottom: 2px solid #d94f4f; - transform: rotate(-45deg) translateY(-13px) translateX(1px); } - -.components-color-palette__custom-color .components-color-palette__item { - position: relative; - box-shadow: none; } - -.components-color-palette__custom-color .components-color-palette__custom-color-gradient { - display: block; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - border-radius: 50%; - overflow: hidden; } - -.components-color-palette__custom-color .components-color-palette__custom-color-gradient::before { - content: ""; - -webkit-filter: blur(6px) saturate(0.7) brightness(1.1); - filter: blur(6px) saturate(0.7) brightness(1.1); - display: block; - width: 200%; - height: 200%; - position: absolute; - top: -50%; - right: -50%; - padding-top: 100%; - transform: scale(1); - background-image: linear-gradient(-330deg, transparent 50%, #ff8100 50%), linear-gradient(-300deg, transparent 50%, #ff5800 50%), linear-gradient(-270deg, transparent 50%, #c92323 50%), linear-gradient(-240deg, transparent 50%, #cc42a2 50%), linear-gradient(-210deg, transparent 50%, #9f49ac 50%), linear-gradient(-180deg, transparent 50%, #306cd3 50%), linear-gradient(-150deg, transparent 50%, #179067 50%), linear-gradient(-120deg, transparent 50%, #0eb5d6 50%), linear-gradient(-90deg, transparent 50%, #50b517 50%), linear-gradient(-60deg, transparent 50%, #ede604 50%), linear-gradient(-30deg, transparent 50%, #fc0 50%), linear-gradient(0deg, transparent 50%, #feac00 50%); - background-clip: content-box, content-box, content-box, content-box, content-box, content-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box; } - -.block-editor__container .components-popover.components-color-palette__picker.is-bottom { - z-index: 100001; } - -/** - * 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%; - overflow: hidden; } - -.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: hidden; } - -.components-color-picker__saturation-white { - background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); } - -.components-color-picker__saturation-black { - background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } - -.components-color-picker__saturation-pointer { - width: 8px; - height: 8px; - box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); - border-radius: 50%; - background-color: transparent; - transform: translate(4px, -4px); } - -/* 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 left, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } - -.components-color-picker__hue-pointer, -.components-color-picker__alpha-pointer { - right: 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; } - -.components-color-picker__saturation-pointer:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, 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: #00a0d2; - box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2; - 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; } - .components-color-picker__inputs-wrapper fieldset { - flex: 1; } - -.components-color-picker__inputs-fields { - display: flex; } - .components-color-picker__inputs-fields .components-base-control__field { - margin: 0 4px; } - -svg.dashicon { - fill: currentColor; - outline: none; } -.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; - -moz-user-select: none; - -ms-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: 9px; } - -.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; - -moz-user-select: none; - -ms-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, 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: 9px; } - -.DayPicker_weekHeader { - color: #757575; - position: absolute; - top: 62px; - z-index: 2; - text-align: left; } - -.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; } - -.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-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: .2px; - padding: 7px 7px 5px; } - -.DateInput_input__regular { - font-weight: auto; } - -.DateInput_input__readOnly { - -webkit-user-select: none; - -moz-user-select: none; - -ms-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 .components-datetime__calendar-help { - padding: 8px; } - .components-datetime .components-datetime__calendar-help h4 { - margin: 0; } - -.components-datetime .components-datetime__date-help-button { - display: block; - margin-right: auto; - margin-left: 8px; - margin-top: 0.5em; } - -.components-datetime__date { - min-height: 236px; - border-top: 1px solid #e2e4e7; - margin-right: -8px; - margin-left: -8px; } - .components-datetime__date .CalendarMonth_caption { - font-size: 13px; } - .components-datetime__date .CalendarDay { - font-size: 13px; - border: 1px solid transparent; - border-radius: 50%; - text-align: center; } - .components-datetime__date .CalendarDay__selected { - background: #0085ba; } - body.admin-color-sunrise .components-datetime__date .CalendarDay__selected { - background: #d1864a; } - body.admin-color-ocean .components-datetime__date .CalendarDay__selected { - background: #a3b9a2; } - body.admin-color-midnight .components-datetime__date .CalendarDay__selected { - background: #e14d43; } - body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected { - background: #a7b656; } - body.admin-color-coffee .components-datetime__date .CalendarDay__selected { - background: #c2a68c; } - body.admin-color-blue .components-datetime__date .CalendarDay__selected { - background: #82b4cb; } - body.admin-color-light .components-datetime__date .CalendarDay__selected { - background: #0085ba; } - .components-datetime__date .CalendarDay__selected:hover { - background: rgb(0, 113, 158); } - body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover { - background: rgb(178, 114, 63); } - body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover { - background: rgb(139, 157, 138); } - body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover { - background: rgb(191, 65, 57); } - body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover { - background: rgb(142, 155, 73); } - body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover { - background: rgb(165, 141, 119); } - body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover { - background: rgb(111, 153, 173); } - body.admin-color-light .components-datetime__date .CalendarDay__selected:hover { - background: rgb(0, 113, 158); } - .components-datetime__date .DayPickerNavigation_button__horizontalDefault { - padding: 2px 8px; - top: 20px; } - .components-datetime__date .DayPicker_weekHeader { - top: 50px; } - .components-datetime__date.is-description-visible .DayPicker, - .components-datetime__date.is-description-visible .components-datetime__date-help-button { - visibility: hidden; } - -.components-datetime__time { - margin-bottom: 1em; } - .components-datetime__time fieldset { - margin-top: 0.5em; - position: relative; } - .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; - color: #555d66; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button { - margin-right: 8px; - margin-left: -1px; - border-radius: 0 3px 3px 0; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button { - margin-right: -1px; - border-radius: 3px 0 0 3px; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled, - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled { - background: #edeff0; - border-color: #8f98a1; - box-shadow: inset 0 2px 5px -3px #555d66; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field { - align-self: center; - flex: 0 1 auto; - order: 1; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button { - font-size: 11px; - font-weight: 600; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { - padding: 2px; - 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; - width: 40px; - 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: 0 0 0 -4px !important; - border-radius: 0 4px 4px 0 !important; } - .components-datetime__time.is-12-hour .components-datetime__time-field-year input { - border-radius: 4px 0 0 4px !important; } - .components-datetime__time.is-24-hour .components-datetime__time-field-day { - order: 0 !important; } - -.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 { - width: 90px; } - -.components-popover .components-datetime__date { - padding-right: 6px; } - -.components-popover.edit-post-post-schedule__dialog.is-bottom.is-left { - z-index: 100000; } - -.components-disabled { - position: relative; - pointer-events: none; } - .components-disabled::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; } - .components-disabled * { - pointer-events: none; } - -body.is-dragging-components-draggable { - cursor: move; - /* Fallback for IE/Edge < 14 */ - cursor: -webkit-grabbing !important; - cursor: grabbing !important; } - -.components-draggable__invisible-drag-image { - position: fixed; - right: -1000px; - height: 50px; - width: 50px; } - -.components-draggable__clone { - position: fixed; - padding: 20px; - background: transparent; - pointer-events: none; - z-index: 1000000000; - opacity: 0.8; } - -.components-drop-zone { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 100; - visibility: hidden; - opacity: 0; - transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; - border: 2px solid #0071a1; - border-radius: 2px; } - .components-drop-zone.is-active { - opacity: 1; - visibility: visible; - transition: 0.3s opacity, 0.3s background-color; } - .components-drop-zone.is-dragging-over-element { - background-color: rgba(0, 113, 161, 0.8); } - -.components-drop-zone__content { - position: absolute; - top: 50%; - right: 0; - left: 0; - z-index: 110; - transform: translateY(-50%); - width: 100%; - text-align: center; - color: #fff; - transition: transform 0.2s ease-in-out; } - -.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; } - -.components-drop-zone__content-text { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - -.components-drop-zone__provider { - height: 100%; } - -.components-dropdown-menu { - padding: 3px; - display: flex; } - .components-dropdown-menu .components-dropdown-menu__toggle { - width: auto; - margin: 0; - padding: 4px; - border: 1px solid transparent; - display: flex; - flex-direction: row; } - .components-dropdown-menu .components-dropdown-menu__toggle.is-active, .components-dropdown-menu .components-dropdown-menu__toggle.is-active:hover { - box-shadow: none; - background-color: #555d66; - color: #fff; } - .components-dropdown-menu .components-dropdown-menu__toggle:focus::before { - top: -3px; - left: -3px; - bottom: -3px; - right: -3px; } - .components-dropdown-menu .components-dropdown-menu__toggle:hover, .components-dropdown-menu .components-dropdown-menu__toggle:focus, .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: #555d66; - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; } - .components-dropdown-menu .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after { - content: ""; - pointer-events: none; - display: block; - width: 0; - height: 0; - border-right: 3px solid transparent; - border-left: 3px solid transparent; - border-top: 5px solid currentColor; - margin-right: 4px; - margin-left: 2px; } - -.components-dropdown-menu__popover .components-popover__content { - width: 200px; } - -.components-dropdown-menu__menu { - width: 100%; - padding: 9px; - 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 { - width: 100%; - padding: 6px; - outline: none; - cursor: pointer; - margin-bottom: 4px; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator { - margin-top: 6px; - position: relative; - overflow: visible; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before { - display: block; - content: ""; - box-sizing: content-box; - background-color: #e2e4e7; - position: absolute; - top: -3px; - right: 0; - left: 0; - height: 1px; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-default) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg { - border-radius: 4px; - padding: 2px; - width: 24px; - height: 24px; - margin: -1px 0 -1px 8px; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg { - outline: none; - color: #fff; - box-shadow: none; - background: #555d66; } - -.components-external-link__icon { - width: 1.4em; - height: 1.4em; - margin: -0.2em 0.1em 0; - vertical-align: middle; } - -.components-font-size-picker__buttons { - display: flex; - justify-content: space-between; - align-items: center; } - .components-font-size-picker__buttons .components-range-control__number { - height: 24px; - line-height: 22px; } - .components-font-size-picker__buttons .components-range-control__number[value=""] + .components-button { - cursor: default; - opacity: 0.3; - pointer-events: none; } - -.components-font-size-picker__custom-input .components-range-control__slider + .dashicon { - width: 30px; - height: 30px; } - -.components-font-size-picker__dropdown-content .components-button { - display: block; - position: relative; - padding: 10px 40px 10px 20px; - width: 100%; - text-align: right; } - .components-font-size-picker__dropdown-content .components-button .dashicon { - position: absolute; - top: calc(50% - 10px); - right: 10px; } - -.components-font-size-picker__buttons .components-font-size-picker__selector { - border: 1px solid; - background: none; - position: relative; - width: 110px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; } - .components-font-size-picker__buttons .components-font-size-picker__selector:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-font-size-picker__buttons .components-font-size-picker__selector::after { - content: ""; - pointer-events: none; - display: block; - width: 0; - height: 0; - border-right: 3px solid transparent; - border-left: 3px solid transparent; - border-top: 5px solid currentColor; - margin-right: 4px; - margin-left: 2px; - left: 8px; - top: 12px; - position: absolute; } - -.components-form-file-upload .components-button.is-large { - padding-right: 6px; } - -.components-form-toggle { - position: relative; } - .components-form-toggle .components-form-toggle__on, - .components-form-toggle .components-form-toggle__off { - position: absolute; - top: 6px; } - .components-form-toggle .components-form-toggle__off { - color: #6c7781; - fill: currentColor; - left: 6px; } - .components-form-toggle .components-form-toggle__on { - right: 8px; } - .components-form-toggle .components-form-toggle__track { - content: ""; - display: inline-block; - vertical-align: top; - background-color: #fff; - border: 2px solid #6c7781; - width: 36px; - height: 18px; - border-radius: 9px; - transition: 0.2s background ease; } - .components-form-toggle .components-form-toggle__thumb { - display: block; - position: absolute; - top: 4px; - right: 4px; - width: 10px; - height: 10px; - border-radius: 50%; - transition: 0.1s transform ease; - background-color: #6c7781; - border: 5px solid #6c7781; } - .components-form-toggle:hover .components-form-toggle__track { - border: 2px solid #555d66; } - .components-form-toggle:hover .components-form-toggle__thumb { - background-color: #555d66; - border: 5px solid #6c7781; } - .components-form-toggle:hover .components-form-toggle__off { - color: #555d66; } - .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #11a0d2; - border: 2px solid #11a0d2; - border: 9px solid transparent; } - body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #c8b03c; - border: 2px solid #c8b03c; } - body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #a3b9a2; - border: 2px solid #a3b9a2; } - body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #77a6b9; - border: 2px solid #77a6b9; } - body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #a7b656; - border: 2px solid #a7b656; } - body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #c2a68c; - border: 2px solid #c2a68c; } - body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #82b4cb; - border: 2px solid #82b4cb; } - body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #11a0d2; - border: 2px solid #11a0d2; } - .components-form-toggle__input:focus + .components-form-toggle__track { - box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781; - 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-checked::before { - background-color: #11a0d2; - border: 2px solid #11a0d2; } - body.admin-color-sunrise .components-form-toggle.is-checked::before { - background-color: #c8b03c; - border: 2px solid #c8b03c; } - body.admin-color-ocean .components-form-toggle.is-checked::before { - background-color: #a3b9a2; - border: 2px solid #a3b9a2; } - body.admin-color-midnight .components-form-toggle.is-checked::before { - background-color: #77a6b9; - border: 2px solid #77a6b9; } - body.admin-color-ectoplasm .components-form-toggle.is-checked::before { - background-color: #a7b656; - border: 2px solid #a7b656; } - body.admin-color-coffee .components-form-toggle.is-checked::before { - background-color: #c2a68c; - border: 2px solid #c2a68c; } - body.admin-color-blue .components-form-toggle.is-checked::before { - background-color: #82b4cb; - border: 2px solid #82b4cb; } - body.admin-color-light .components-form-toggle.is-checked::before { - background-color: #11a0d2; - border: 2px solid #11a0d2; } - .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-toggle .components-form-toggle__on { - outline: 1px solid transparent; - outline-offset: -1px; - border: 1px solid #000; - -webkit-filter: invert(100%) contrast(500%); - filter: invert(100%) contrast(500%); } - -@supports (-ms-high-contrast-adjust: auto) { - .components-form-toggle .components-form-toggle__on { - -webkit-filter: none; - filter: none; - border: 1px solid #fff; } } - -.components-form-token-field__input-container { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - width: 100%; - margin: 0; - padding: 4px; - background-color: #fff; - border: 1px solid #ccd0d4; - color: #32373c; - cursor: text; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; } - .components-form-token-field__input-container.is-disabled { - background: #e2e4e7; - border-color: #ccd0d4; } - .components-form-token-field__input-container.is-active { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-form-token-field__input-container input[type="text"].components-form-token-field__input { - display: inline-block; - width: 100%; - max-width: 100%; - margin: 2px 8px 2px 0; - padding: 0; - min-height: 24px; - background: inherit; - border: 0; - font-size: 13px; - color: #23282d; - box-shadow: none; } - .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__token { - font-size: 13px; - display: flex; - margin: 2px 0 2px 4px; - color: #32373c; - overflow: hidden; } - .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: #d94f4f; } - .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: #555d66; } - .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: #11a0d2; } - body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #c8b03c; } - body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #a89d8a; } - body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #77a6b9; } - body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #c77430; } - body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #9fa47b; } - body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #d9ab59; } - body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #c75726; } - .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { - background: transparent; - color: #555d66; - 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: #d94f4f; - 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: #23282d; } - .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-icon-button { - display: inline-block; - line-height: 24px; - background: #e2e4e7; - transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } - -.components-form-token-field__token-text { - border-radius: 0 12px 12px 0; - padding: 0 8px 0 4px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - -.components-form-token-field__remove-token.components-icon-button { - cursor: pointer; - border-radius: 12px 0 0 12px; - padding: 0 2px; - color: #555d66; - line-height: 10px; - overflow: initial; } - .components-form-token-field__remove-token.components-icon-button:hover { - color: #32373c; } - -.components-form-token-field__suggestions-list { - flex: 1 0 100%; - min-width: 100%; - max-height: 9em; - overflow-y: scroll; - transition: all 0.15s ease-in-out; - list-style: none; - border-top: 1px solid #6c7781; - margin: 4px -4px -4px; - padding-top: 3px; } - -.components-form-token-field__suggestion { - color: #555d66; - display: block; - font-size: 13px; - padding: 4px 8px; - cursor: pointer; } - .components-form-token-field__suggestion.is-selected { - background: #0071a1; - color: #fff; } - -.components-form-token-field__suggestion-match { - text-decoration: underline; } - -.components-navigate-regions.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; - animation: editor-animation__region-focus 0.2s ease-out; - animation-fill-mode: forwards; } - -@keyframes editor-animation__region-focus { - from { - box-shadow: inset 0 0 0 0 #33b3db; } - to { - box-shadow: inset 0 0 0 4px #33b3db; } } - -.components-icon-button { - display: flex; - align-items: center; - padding: 8px; - margin: 0; - border: none; - background: none; - color: #555d66; - position: relative; - overflow: hidden; - border-radius: 4px; } - .components-icon-button .dashicon { - display: inline-block; - flex: 0 0 auto; } - .components-icon-button svg { - fill: currentColor; - outline: none; } - .components-icon-button svg:not:only-child { - margin-left: 4px; } - .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); } - .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { - outline: none; - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff; } - .components-icon-button[aria-disabled="true"]:focus, .components-icon-button:disabled:focus { - box-shadow: none; } - -.components-menu-group { - width: 100%; - padding: 7px; } - -.components-menu-group__label { - margin-bottom: 8px; - color: #6c7781; } - -.components-menu-item__button, -.components-menu-item__button.components-icon-button { - width: 100%; - padding: 8px; - text-align: right; - color: #40464d; } - .components-menu-item__button .dashicon, - .components-menu-item__button .components-menu-items__item-icon, - .components-menu-item__button > span > svg, - .components-menu-item__button.components-icon-button .dashicon, - .components-menu-item__button.components-icon-button .components-menu-items__item-icon, - .components-menu-item__button.components-icon-button > span > svg { - margin-left: 4px; } - .components-menu-item__button .components-menu-items__item-icon, - .components-menu-item__button.components-icon-button .components-menu-items__item-icon { - display: inline-block; - flex: 0 0 auto; } - .components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]), - .components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) { - color: #555d66; } - @media (min-width: 782px) { - .components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]), - .components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; } } - .components-menu-item__button:focus:not(:disabled):not([aria-disabled="true"]), - .components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - -.components-menu-item__info-wrapper { - display: flex; - flex-direction: column; } - -.components-menu-item__info { - margin-top: 4px; - font-size: 12px; - opacity: 0.82; } - -.components-menu-item__shortcut { - align-self: center; - opacity: 0.5; - margin-left: 0; - margin-right: auto; - padding-right: 8px; - display: none; } - @media (min-width: 480px) { - .components-menu-item__shortcut { - display: inline; } } - -.components-modal__screen-overlay { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - background-color: rgba(255, 255, 255, 0.4); - z-index: 100000; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; } - -.components-modal__frame { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - box-sizing: border-box; - margin: 0; - border: 1px solid #e2e4e7; - background: #fff; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); - 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: calc(100% - 56px - 56px); - transform: translate(50%, -50%); - animation: components-modal__appear-animation 0.1s ease-out; - animation-fill-mode: forwards; } } - -@keyframes components-modal__appear-animation { - from { - margin-top: 32px; } - to { - margin-top: 0; } } - -.components-modal__header { - box-sizing: border-box; - border-bottom: 1px solid #e2e4e7; - padding: 0 16px; - display: flex; - flex-direction: row; - justify-content: space-between; - background: #fff; - align-items: center; - height: 56px; - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 10; - margin: 0 -16px 16px; } - @supports (-ms-ime-align: auto) { - .components-modal__header { - position: fixed; - width: 100%; } } - .components-modal__header .components-modal__header-heading { - font-size: 1em; - font-weight: 400; } - .components-modal__header h1 { - line-height: 1; - margin: 0; } - -.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 16px 16px; } - @supports (-ms-ime-align: auto) { - .components-modal__content { - padding-top: 56px; } } - -.components-notice { - background-color: #e5f5fa; - border-right: 4px solid #00a0d2; - margin: 5px 15px 2px; - padding: 8px 12px; } - .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: #d94f4f; - background-color: #f9e2e2; } - -.components-notice__content { - margin: 1em 0; } - -.components-notice__action.components-button, .components-notice__action.components-button.is-link { - margin-right: 4px; } - -.components-notice__dismiss { - position: absolute; - top: 0; - left: 0; - color: #6c7781; } - .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus { - color: #d94f4f; - background-color: transparent; } - .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - box-shadow: none; } - -.components-notice-list { - min-width: 300px; - z-index: 9989; } - -.components-panel { - background: #fff; - border: 1px solid #e2e4e7; } - .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 #e2e4e7; - border-bottom: 1px solid #e2e4e7; } - .components-panel__body h3 { - margin: 0 0 0.5em; } - .components-panel__body.is-opened { - padding: 16px; } - .components-panel__body > .components-icon-button { - color: #191e23; } - -.components-panel__header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 16px; - height: 50px; - border-top: 1px solid #e2e4e7; - border-bottom: 1px solid #e2e4e7; } - .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; } - -.components-panel__body.is-opened > .components-panel__body-title { - margin: -16px; - margin-bottom: 5px; } - -.components-panel__body > .components-panel__body-title:hover, -.edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - background: #f8f9f9; } - -.components-panel__body-toggle.components-button { - position: relative; - padding: 15px; - outline: none; - width: 100%; - font-weight: 600; - text-align: right; - color: #191e23; - border: none; - box-shadow: none; - transition: 0.1s background ease-in-out; } - .components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .components-panel__body-toggle.components-button .components-panel__arrow { - position: absolute; - left: 10px; - top: 50%; - transform: translateY(-50%); - color: #191e23; - fill: currentColor; - transition: 0.1s color ease-in-out; } - body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { - transform: scaleX(-1); - -ms-filter: fliph; - -webkit-filter: FlipH; - filter: FlipH; - margin-top: -10px; } - -.components-panel__icon { - color: #555d66; - 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: 20px; } - .components-panel__row select { - min-width: 0; } - .components-panel__row label { - margin-left: 10px; - 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 { - margin: 0; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 1em; - min-height: 200px; - width: 100%; - text-align: center; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - background: rgba(139, 139, 150, 0.1); } - .is-dark-theme .components-placeholder { - background: rgba(255, 255, 255, 0.15); } - -.components-placeholder__label { - display: flex; - justify-content: center; - font-weight: 600; - margin-bottom: 1em; } - .components-placeholder__label .dashicon, - .components-placeholder__label .editor-block-icon { - margin-left: 1ch; } - -.components-placeholder__fieldset, -.components-placeholder__fieldset form { - display: flex; - flex-direction: row; - justify-content: center; - width: 100%; - max-width: 400px; - flex-wrap: wrap; - z-index: 1; } - .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__input { - margin-left: 8px; - flex: 1 1 auto; } - -.components-placeholder__instructions { - margin-bottom: 1em; } -.components-popover { - position: fixed; - z-index: 1000000; - left: 50%; } - .components-popover.is-mobile { - top: 0; - left: 0; - right: 0; - bottom: 0; } - .components-popover:not(.is-without-arrow):not(.is-mobile) { - margin-left: 2px; } - .components-popover:not(.is-without-arrow):not(.is-mobile)::before { - border: 8px solid #e2e4e7; } - .components-popover:not(.is-without-arrow):not(.is-mobile)::after { - border: 8px solid #fff; } - .components-popover:not(.is-without-arrow):not(.is-mobile)::before, .components-popover:not(.is-without-arrow):not(.is-mobile)::after { - content: ""; - position: absolute; - height: 0; - width: 0; - line-height: 0; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top { - margin-top: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before { - bottom: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::after { - bottom: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-bottom { - margin-top: 8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before { - top: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::after { - top: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-middle.is-left { - margin-left: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before { - right: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after { - right: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after { - border-bottom-color: transparent; - border-left-style: solid; - border-right: none; - border-top-color: transparent; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right { - margin-left: 8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before { - left: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after { - left: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after { - border-bottom-color: transparent; - border-left: none; - border-right-style: solid; - border-top-color: transparent; } - .components-popover:not(.is-mobile).is-top { - bottom: 100%; } - .components-popover:not(.is-mobile).is-bottom { - top: 100%; - z-index: 99990; } - .components-popover:not(.is-mobile).is-middle { - align-items: center; - display: flex; } - -.components-popover__content { - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - border: 1px solid #e2e4e7; - background: #fff; - height: 100%; } - .components-popover.is-mobile .components-popover__content { - height: calc(100% - 50px); - border-top: 0; } - .components-popover:not(.is-mobile) .components-popover__content { - position: absolute; - height: auto; - overflow-y: auto; - min-width: 260px; } - .components-popover:not(.is-mobile).is-top .components-popover__content { - bottom: 100%; } - .components-popover:not(.is-mobile).is-center .components-popover__content { - left: 50%; - transform: translateX(-50%); } - .components-popover:not(.is-mobile).is-right .components-popover__content { - position: absolute; - left: 100%; } - .components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content { - margin-left: -24px; } - .components-popover:not(.is-mobile).is-left .components-popover__content { - position: absolute; - right: 100%; } - .components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content { - margin-right: -24px; } - -.components-popover__content > div { - height: 100%; } - -.components-popover__header { - align-items: center; - background: #fff; - border: 1px solid #e2e4e7; - display: flex; - height: 50px; - 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-icon-button { - z-index: 5; } -.components-radio-control { - display: flex; - flex-direction: column; } - -.components-radio-control__option:not(:last-child) { - margin-bottom: 4px; } - -.components-radio-control__input[type="radio"] { - margin-top: 0; - margin-left: 6px; } - -.components-range-control .components-base-control__field { - display: flex; - justify-content: center; - flex-wrap: wrap; - align-items: center; } - -.components-range-control .dashicon { - flex-shrink: 0; - margin-left: 10px; } - -.components-range-control .components-base-control__label { - width: 100%; } - -.components-range-control .components-range-control__slider { - margin-right: 0; - flex: 1; } - -.components-range-control__slider { - width: 100%; - margin-right: 8px; - padding: 0; - -webkit-appearance: none; - background: transparent; - /** - * Thumb - */ - /** - * Track - */ } - .components-range-control__slider::-webkit-slider-thumb { - -webkit-appearance: none; - height: 18px; - width: 18px; - border-radius: 50%; - cursor: pointer; - background: #555d66; - border: 4px solid transparent; - background-clip: padding-box; - box-sizing: border-box; - margin-top: -7px; } - .components-range-control__slider::-moz-range-thumb { - height: 18px; - width: 18px; - border-radius: 50%; - cursor: pointer; - background: #555d66; - border: 4px solid transparent; - background-clip: padding-box; - box-sizing: border-box; } - .components-range-control__slider::-ms-thumb { - height: 18px; - width: 18px; - border-radius: 50%; - cursor: pointer; - background: #555d66; - border: 4px solid transparent; - background-clip: padding-box; - box-sizing: border-box; - margin-top: 0; - height: 14px; - width: 14px; - border: 2px solid transparent; } - .components-range-control__slider:focus { - outline: none; } - .components-range-control__slider:focus::-webkit-slider-thumb { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-range-control__slider:focus::-moz-range-thumb { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-range-control__slider:focus::-ms-thumb { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-range-control__slider::-webkit-slider-runnable-track { - height: 3px; - cursor: pointer; - background: #e2e4e7; - border-radius: 1.5px; - margin-top: -4px; } - .components-range-control__slider::-moz-range-track { - height: 3px; - cursor: pointer; - background: #e2e4e7; - border-radius: 1.5px; } - .components-range-control__slider::-ms-track { - margin-top: -4px; - background: transparent; - border-color: transparent; - color: transparent; - height: 3px; - cursor: pointer; - background: #e2e4e7; - border-radius: 1.5px; } - -.components-range-control__number { - display: inline-block; - margin-right: 8px; - font-weight: 500; - width: 50px; - padding: 3px 5px !important; } - -.components-resizable-box__handle { - display: none; - width: 24px; - height: 24px; - padding: 4px; } - .components-resizable-box__container.is-selected .components-resizable-box__handle { - display: block; } - -.components-resizable-box__handle::before { - display: block; - content: ""; - width: 16px; - height: 16px; - border: 2px solid #fff; - border-radius: 50%; - background: #0085ba; - cursor: inherit; } - -body.admin-color-sunrise .components-resizable-box__handle::before { - background: #d1864a; } - -body.admin-color-ocean .components-resizable-box__handle::before { - background: #a3b9a2; } - -body.admin-color-midnight .components-resizable-box__handle::before { - background: #e14d43; } - -body.admin-color-ectoplasm .components-resizable-box__handle::before { - background: #a7b656; } - -body.admin-color-coffee .components-resizable-box__handle::before { - background: #c2a68c; } - -body.admin-color-blue .components-resizable-box__handle::before { - background: #82b4cb; } - -body.admin-color-light .components-resizable-box__handle::before { - background: #0085ba; } -.components-resizable-box__handle-right { - top: calc(50% - 12px); - right: calc(12px * -1); } - -.components-resizable-box__handle-bottom { - bottom: calc(12px * -1); - left: calc(50% - 12px); } - -.components-resizable-box__handle-left { - top: calc(50% - 12px); - left: calc(12px * -1); } -.components-responsive-wrapper { - position: relative; - max-width: 100%; } - -.components-responsive-wrapper__content { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - height: 100%; } - -.components-sandbox { - overflow: hidden; } - -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-spinner { - display: inline-block; - background-color: #7e8993; - width: 18px; - height: 18px; - opacity: 0.7; - float: left; - margin: 5px 11px 0; - border-radius: 100%; - position: relative; } - .components-spinner::before { - content: ""; - position: absolute; - background-color: #fff; - top: 3px; - right: 3px; - width: 4px; - height: 4px; - border-radius: 100%; - transform-origin: 6px 6px; - animation: components-spinner__animation 1s infinite linear; } - -@keyframes components-spinner__animation { - from { - transform: rotate(0deg); } - to { - transform: rotate(-360deg); } } - -.components-text-control__input { - width: 100%; - padding: 6px 8px; } - -.components-textarea-control__input { - width: 100%; - padding: 6px 8px; } - -.components-toggle-control .components-base-control__field { - display: flex; - margin-bottom: 12px; } - .components-toggle-control .components-base-control__field .components-form-toggle { - margin-left: 16px; } - .components-toggle-control .components-base-control__field .components-toggle-control__label { - display: block; - margin-bottom: 4px; } - -.components-toolbar { - margin: 0; - border: 1px solid #e2e4e7; - background-color: #fff; - display: flex; - flex-shrink: 0; } - -div.components-toolbar > div { - display: block; - margin: 0; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - div.components-toolbar > div { - display: flex; } } - -div.components-toolbar > div + div { - margin-right: -3px; } - 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: #e2e4e7; - position: absolute; - top: 8px; - right: -3px; - width: 1px; - height: 20px; } - -.components-toolbar__control.components-button { - display: inline-flex; - align-items: flex-end; - margin: 0; - padding: 3px; - outline: none; - cursor: pointer; - position: relative; - width: 36px; - height: 36px; } - .components-toolbar__control.components-button:active, .components-toolbar__control.components-button:not([aria-disabled="true"]):hover, .components-toolbar__control.components-button:not([aria-disabled="true"]):focus { - outline: none; - box-shadow: none; - background: none; - border: none; } - .components-toolbar__control.components-button:disabled { - cursor: default; } - .components-toolbar__control.components-button > svg { - padding: 5px; - border-radius: 4px; - height: 30px; - width: 30px; } - .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:not(:disabled):not([aria-disabled="true"]):hover { - box-shadow: none; } - .components-toolbar__control.components-button:not(:disabled).is-active > svg, - .components-toolbar__control.components-button:not(:disabled):hover > svg { - color: #555d66; - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; } - .components-toolbar__control.components-button:not(:disabled).is-active > svg { - outline: none; - color: #fff; - box-shadow: none; - background: #555d66; } - .components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]::after { - color: #fff; } - .components-toolbar__control.components-button:not(:disabled):focus > svg { - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - -.components-toolbar__control .dashicon { - display: block; } - -.components-tooltip.components-popover { - z-index: 1000002; } - .components-tooltip.components-popover::before { - border-color: transparent; } - .components-tooltip.components-popover.is-top::after { - border-top-color: #191e23; } - .components-tooltip.components-popover.is-bottom::after { - border-bottom-color: #191e23; } - -.components-tooltip .components-popover__content { - padding: 4px 12px; - background: #191e23; - border-width: 0; - color: #fff; - white-space: nowrap; } - -.components-tooltip:not(.is-mobile) .components-popover__content { - min-width: 0; } - -.components-tooltip__shortcut { - display: block; - text-align: center; - color: #7e8993; } +.components-autocomplete__popover .components-popover__content{min-width:200px}.components-autocomplete__popover .components-autocomplete__results{padding:3px;display:flex;flex-direction:column;align-items:stretch}.components-autocomplete__popover .components-autocomplete__results:empty{display:none}.components-autocomplete__result.components-button{margin-bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;color:#555d66;display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;align-items:center;padding:6px;text-align:right}.components-autocomplete__result.components-button.is-selected{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-autocomplete__result.components-button:hover{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2)}.components-base-control{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-base-control .components-base-control__field{margin-bottom:8px}.components-panel__row .components-base-control .components-base-control__field{margin-bottom:inherit}.components-base-control .components-base-control__label{display:block;margin-bottom:4px}.components-base-control .components-base-control__help{margin-top:-8px;font-style:italic;margin-bottom:0}.components-button-group{display:inline-block}.components-button-group .components-button.is-button{border-radius:0}.components-button-group .components-button.is-button+.components-button.is-button{margin-right:-1px}.components-button-group .components-button.is-button:first-child{border-radius:0 3px 3px 0}.components-button-group .components-button.is-button:last-child{border-radius:3px 0 0 3px}.components-button-group .components-button.is-button.is-primary,.components-button-group .components-button.is-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-button.is-primary{box-shadow:none}.components-button{display:inline-flex;text-decoration:none;font-size:13px;margin:0;border:0;cursor:pointer;-webkit-appearance:none;background:none}.components-button.is-button{padding:0 10px 1px;line-height:26px;height:28px;border-radius:3px;white-space:nowrap;border-width:1px;border-style:solid}.components-button.is-default{color:#555;border-color:#ccc;background:#f7f7f7;box-shadow:inset 0 -1px 0 #ccc;vertical-align:top}.components-button.is-default:hover{background:#fafafa;border-color:#999;box-shadow:inset 0 -1px 0 #999;color:#23282d;text-decoration:none}.components-button.is-default:focus:enabled{background:#fafafa;color:#23282d;border-color:#999;box-shadow:inset 0 -1px 0 #999,0 0 0 2px #bfe7f3;text-decoration:none}.components-button.is-default:active:enabled{background:#eee;border-color:#999;box-shadow:inset 0 1px 0 #999}.components-button.is-default:disabled,.components-button.is-default[aria-disabled=true]{color:#a0a5aa;border-color:#ddd;background:#f7f7f7;box-shadow:none;text-shadow:0 1px 0 #fff;transform:none}.components-button.is-primary{background:#0085ba;border-color:#006a95 #00648c #00648c;box-shadow:inset 0 -1px 0 #00648c;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #005d82,-1px 0 1px #005d82,0 1px 1px #005d82,1px 0 1px #005d82}body.admin-color-sunrise .components-button.is-primary{background:#d1864a;border-color:#a76b3b #9d6538 #9d6538;box-shadow:inset 0 -1px 0 #9d6538;text-shadow:0 -1px 1px #925e34,-1px 0 1px #925e34,0 1px 1px #925e34,1px 0 1px #925e34}body.admin-color-ocean .components-button.is-primary{background:#a3b9a2;border-color:#829482 #7a8b7a #7a8b7a;box-shadow:inset 0 -1px 0 #7a8b7a;text-shadow:0 -1px 1px #728271,-1px 0 1px #728271,0 1px 1px #728271,1px 0 1px #728271}body.admin-color-midnight .components-button.is-primary{background:#e14d43;border-color:#b43e36 #a93a32 #a93a32;box-shadow:inset 0 -1px 0 #a93a32;text-shadow:0 -1px 1px #9e362f,-1px 0 1px #9e362f,0 1px 1px #9e362f,1px 0 1px #9e362f}body.admin-color-ectoplasm .components-button.is-primary{background:#a7b656;border-color:#869245 #7d8941 #7d8941;box-shadow:inset 0 -1px 0 #7d8941;text-shadow:0 -1px 1px #757f3c,-1px 0 1px #757f3c,0 1px 1px #757f3c,1px 0 1px #757f3c}body.admin-color-coffee .components-button.is-primary{background:#c2a68c;border-color:#9b8570 #927d69 #927d69;box-shadow:inset 0 -1px 0 #927d69;text-shadow:0 -1px 1px #887462,-1px 0 1px #887462,0 1px 1px #887462,1px 0 1px #887462}body.admin-color-blue .components-button.is-primary{background:#d9ab59;border-color:#ae8947 #a38043 #a38043;box-shadow:inset 0 -1px 0 #a38043;text-shadow:0 -1px 1px #98783e,-1px 0 1px #98783e,0 1px 1px #98783e,1px 0 1px #98783e}body.admin-color-light .components-button.is-primary{background:#0085ba;border-color:#006a95 #00648c #00648c;box-shadow:inset 0 -1px 0 #00648c;text-shadow:0 -1px 1px #005d82,-1px 0 1px #005d82,0 1px 1px #005d82,1px 0 1px #005d82}.components-button.is-primary:focus:enabled,.components-button.is-primary:hover{background:#007eb1;border-color:#00435d;color:#fff}body.admin-color-sunrise .components-button.is-primary:focus:enabled,body.admin-color-sunrise .components-button.is-primary:hover{background:#c77f46;border-color:#694325}body.admin-color-ocean .components-button.is-primary:focus:enabled,body.admin-color-ocean .components-button.is-primary:hover{background:#9bb09a;border-color:#525d51}body.admin-color-midnight .components-button.is-primary:focus:enabled,body.admin-color-midnight .components-button.is-primary:hover{background:#d64940;border-color:#712722}body.admin-color-ectoplasm .components-button.is-primary:focus:enabled,body.admin-color-ectoplasm .components-button.is-primary:hover{background:#9fad52;border-color:#545b2b}body.admin-color-coffee .components-button.is-primary:focus:enabled,body.admin-color-coffee .components-button.is-primary:hover{background:#b89e85;border-color:#615346}body.admin-color-blue .components-button.is-primary:focus:enabled,body.admin-color-blue .components-button.is-primary:hover{background:#cea255;border-color:#6d562d}body.admin-color-light .components-button.is-primary:focus:enabled,body.admin-color-light .components-button.is-primary:hover{background:#007eb1;border-color:#00435d}.components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #00435d}body.admin-color-sunrise .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #694325}body.admin-color-ocean .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #525d51}body.admin-color-midnight .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #712722}body.admin-color-ectoplasm .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #545b2b}body.admin-color-coffee .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #615346}body.admin-color-blue .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #6d562d}body.admin-color-light .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #00435d}.components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #00435d,0 0 0 2px #bfe7f3}body.admin-color-sunrise .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #694325,0 0 0 2px #bfe7f3}body.admin-color-ocean .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #525d51,0 0 0 2px #bfe7f3}body.admin-color-midnight .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #712722,0 0 0 2px #bfe7f3}body.admin-color-ectoplasm .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #545b2b,0 0 0 2px #bfe7f3}body.admin-color-coffee .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #615346,0 0 0 2px #bfe7f3}body.admin-color-blue .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #6d562d,0 0 0 2px #bfe7f3}body.admin-color-light .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #00435d,0 0 0 2px #bfe7f3}.components-button.is-primary:active:enabled{background:#006a95;border-color:#00435d;box-shadow:inset 0 1px 0 #00435d;vertical-align:top}body.admin-color-sunrise .components-button.is-primary:active:enabled{background:#a76b3b;border-color:#694325;box-shadow:inset 0 1px 0 #694325}body.admin-color-ocean .components-button.is-primary:active:enabled{background:#829482;border-color:#525d51;box-shadow:inset 0 1px 0 #525d51}body.admin-color-midnight .components-button.is-primary:active:enabled{background:#b43e36;border-color:#712722;box-shadow:inset 0 1px 0 #712722}body.admin-color-ectoplasm .components-button.is-primary:active:enabled{background:#869245;border-color:#545b2b;box-shadow:inset 0 1px 0 #545b2b}body.admin-color-coffee .components-button.is-primary:active:enabled{background:#9b8570;border-color:#615346;box-shadow:inset 0 1px 0 #615346}body.admin-color-blue .components-button.is-primary:active:enabled{background:#ae8947;border-color:#6d562d;box-shadow:inset 0 1px 0 #6d562d}body.admin-color-light .components-button.is-primary:active:enabled{background:#006a95;border-color:#00435d;box-shadow:inset 0 1px 0 #00435d}.components-button.is-primary:disabled,.components-button.is-primary[aria-disabled=true]{color:#4daacf;background:#005d82;border-color:#006a95;box-shadow:none;text-shadow:0 -1px 0 rgba(0,0,0,.1)}body.admin-color-sunrise .components-button.is-primary:disabled,body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]{color:#dfaa80;background:#925e34;border-color:#a76b3b}body.admin-color-ocean .components-button.is-primary:disabled,body.admin-color-ocean .components-button.is-primary[aria-disabled=true]{color:#bfcebe;background:#728271;border-color:#829482}body.admin-color-midnight .components-button.is-primary:disabled,body.admin-color-midnight .components-button.is-primary[aria-disabled=true]{color:#ea827b;background:#9e362f;border-color:#b43e36}body.admin-color-ectoplasm .components-button.is-primary:disabled,body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]{color:#c1cc89;background:#757f3c;border-color:#869245}body.admin-color-coffee .components-button.is-primary:disabled,body.admin-color-coffee .components-button.is-primary[aria-disabled=true]{color:#d4c1af;background:#887462;border-color:#9b8570}body.admin-color-blue .components-button.is-primary:disabled,body.admin-color-blue .components-button.is-primary[aria-disabled=true]{color:#e4c48b;background:#98783e;border-color:#ae8947}body.admin-color-light .components-button.is-primary:disabled,body.admin-color-light .components-button.is-primary[aria-disabled=true]{color:#4daacf;background:#005d82;border-color:#006a95}.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,#0085ba 28%,#005d82 0,#005d82 72%,#0085ba 0);border-color:#00435d}body.admin-color-sunrise .components-button.is-primary.is-busy,body.admin-color-sunrise .components-button.is-primary.is-busy:disabled,body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#d1864a 28%,#925e34 0,#925e34 72%,#d1864a 0);border-color:#694325}body.admin-color-ocean .components-button.is-primary.is-busy,body.admin-color-ocean .components-button.is-primary.is-busy:disabled,body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#a3b9a2 28%,#728271 0,#728271 72%,#a3b9a2 0);border-color:#525d51}body.admin-color-midnight .components-button.is-primary.is-busy,body.admin-color-midnight .components-button.is-primary.is-busy:disabled,body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#e14d43 28%,#9e362f 0,#9e362f 72%,#e14d43 0);border-color:#712722}body.admin-color-ectoplasm .components-button.is-primary.is-busy,body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled,body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#a7b656 28%,#757f3c 0,#757f3c 72%,#a7b656 0);border-color:#545b2b}body.admin-color-coffee .components-button.is-primary.is-busy,body.admin-color-coffee .components-button.is-primary.is-busy:disabled,body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#c2a68c 28%,#887462 0,#887462 72%,#c2a68c 0);border-color:#615346}body.admin-color-blue .components-button.is-primary.is-busy,body.admin-color-blue .components-button.is-primary.is-busy:disabled,body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#82b4cb 28%,#5b7e8e 0,#5b7e8e 72%,#82b4cb 0);border-color:#415a66}body.admin-color-light .components-button.is-primary.is-busy,body.admin-color-light .components-button.is-primary.is-busy:disabled,body.admin-color-light .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(45deg,#0085ba 28%,#005d82 0,#005d82 72%,#0085ba 0);border-color:#00435d}.components-button.is-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:none;outline:none;text-align:right;color:#0073aa;text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}.components-button.is-link:active,.components-button.is-link:hover{color:#00a0d2}.components-button.is-link:focus{color:#124964;box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.components-button.is-link.is-destructive{color:#d94f4f}.components-button:active{color:currentColor}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button:focus:enabled{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-button.is-busy{animation:components-button__busy-animation 2.5s linear infinite;background-size:100px 100%;background-image:repeating-linear-gradient(45deg,#e2e4e7,#fff 11px,#fff 0,#e2e4e7 20px);opacity:1}.components-button.is-large{height:30px;line-height:28px;padding:0 12px 2px}.components-button.is-small{height:24px;line-height:22px;padding:0 8px 1px;font-size:11px}.components-button.is-tertiary{color:#007cba;padding:0 10px;line-height:26px;height:28px}body.admin-color-sunrise .components-button.is-tertiary{color:#837425}body.admin-color-ocean .components-button.is-tertiary{color:#5e7d5e}body.admin-color-midnight .components-button.is-tertiary{color:#497b8d}body.admin-color-ectoplasm .components-button.is-tertiary{color:#523f6d}body.admin-color-coffee .components-button.is-tertiary{color:#59524c}body.admin-color-blue .components-button.is-tertiary{color:#417e9b}body.admin-color-light .components-button.is-tertiary{color:#007cba}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}.components-button.is-tertiary svg{fill:currentColor;outline:none}.components-button.is-tertiary:active:focus:enabled{box-shadow:none}.components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#005d8c}body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#62571c}body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#475e47}body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#375c6a}body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#3e2f52}body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#433e39}body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#315f74}body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#005d8c}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{margin-top:0}.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-palette{margin-left:-14px}.components-color-palette .components-color-palette__clear{float:left;margin-left:20px}.components-color-palette__item-wrapper{display:inline-block;height:28px;width:28px;margin-left:14px;margin-bottom:14px;vertical-align:top;transform:scale(1);transition:transform .1s ease}.components-color-palette__item-wrapper:hover{transform:scale(1.2)}.components-color-palette__item-wrapper>div{height:100%;width:100%}.components-color-palette__item{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}.components-color-palette__item.is-active{box-shadow:inset 0 0 0 4px}.components-color-palette__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.components-color-palette__item:focus{outline:none}.components-color-palette__item:focus:after{content:"";border:1px solid #606a73;width:32px;height:32px;position:absolute;top:-2px;right:-2px;border-radius:50%}.components-color-palette__clear-color .components-color-palette__item{color:#fff;background:#fff}.components-color-palette__clear-color-line{display:block;position:absolute;border:2px solid #d94f4f;border-radius:50%;top:0;right:0;bottom:0;left:0}.components-color-palette__clear-color-line:before{position:absolute;top:0;right:0;content:"";width:100%;height:100%;border-bottom:2px solid #d94f4f;transform:rotate(-45deg) translateY(-13px) translateX(1px)}.components-color-palette__custom-color .components-color-palette__item{position:relative;box-shadow:none}.components-color-palette__custom-color .components-color-palette__custom-color-gradient{display:block;width:100%;height:100%;position:absolute;top:0;right:0;border-radius:50%;overflow:hidden}.components-color-palette__custom-color .components-color-palette__custom-color-gradient:before{content:"";-webkit-filter:blur(6px) saturate(.7) brightness(1.1);filter:blur(6px) saturate(.7) brightness(1.1);display:block;width:200%;height:200%;position:absolute;top:-50%;right:-50%;padding-top:100%;transform:scale(1);background-image:linear-gradient(-330deg,transparent 50%,#ff8100 0),linear-gradient(-300deg,transparent 50%,#ff5800 0),linear-gradient(-270deg,transparent 50%,#c92323 0),linear-gradient(-240deg,transparent 50%,#cc42a2 0),linear-gradient(-210deg,transparent 50%,#9f49ac 0),linear-gradient(-180deg,transparent 50%,#306cd3 0),linear-gradient(-150deg,transparent 50%,#179067 0),linear-gradient(-120deg,transparent 50%,#0eb5d6 0),linear-gradient(-90deg,transparent 50%,#50b517 0),linear-gradient(-60deg,transparent 50%,#ede604 0),linear-gradient(-30deg,transparent 50%,#fc0 0),linear-gradient(0deg,transparent 50%,#feac00 0);background-clip:content-box,content-box,content-box,content-box,content-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box}.block-editor__container .components-popover.components-color-palette__picker.is-bottom{z-index:100001}.components-color-picker{width:100%;overflow:hidden}.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:hidden}.components-color-picker__saturation-white{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}.components-color-picker__saturation-black{background:linear-gradient(0deg,#000,transparent)}.components-color-picker__saturation-pointer{width:8px;height:8px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;background-color:transparent;transform:translate(4px,-4px)}.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(270deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.components-color-picker__alpha-pointer,.components-color-picker__hue-pointer{right: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}.components-color-picker__saturation-pointer:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #00a0d2,0 0 5px 0 #00a0d2,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:#00a0d2;box-shadow:0 0 0 2px #00a0d2,0 0 3px 0 #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-color-picker__inputs-wrapper{margin:0 -4px;padding-top:16px;display:flex;align-items:flex-end}.components-color-picker__inputs-wrapper fieldset{flex:1}.components-color-picker__inputs-fields{display:flex}.components-color-picker__inputs-fields .components-base-control__field{margin:0 4px}svg.dashicon{fill:currentColor;outline:none}.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;-moz-user-select:none;-ms-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:9px}.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;-moz-user-select:none;-ms-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:9px}.DayPicker_weekHeader{color:#757575;position:absolute;top:62px;z-index:2;text-align:left}.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}.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;-moz-user-select:none;-ms-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 .components-datetime__calendar-help{padding:8px}.components-datetime .components-datetime__calendar-help h4{margin:0}.components-datetime .components-datetime__date-help-button{display:block;margin-right:auto;margin-left:8px;margin-top:.5em}.components-datetime__date{min-height:236px;border-top:1px solid #e2e4e7;margin-right:-8px;margin-left:-8px}.components-datetime__date .CalendarMonth_caption{font-size:13px}.components-datetime__date .CalendarDay{font-size:13px;border:1px solid transparent;border-radius:50%;text-align:center}.components-datetime__date .CalendarDay__selected{background:#0085ba}body.admin-color-sunrise .components-datetime__date .CalendarDay__selected{background:#d1864a}body.admin-color-ocean .components-datetime__date .CalendarDay__selected{background:#a3b9a2}body.admin-color-midnight .components-datetime__date .CalendarDay__selected{background:#e14d43}body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected{background:#a7b656}body.admin-color-coffee .components-datetime__date .CalendarDay__selected{background:#c2a68c}body.admin-color-blue .components-datetime__date .CalendarDay__selected{background:#82b4cb}body.admin-color-light .components-datetime__date .CalendarDay__selected{background:#0085ba}.components-datetime__date .CalendarDay__selected:hover{background:#00719e}body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover{background:#b2723f}body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover{background:#8b9d8a}body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover{background:#bf4139}body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover{background:#8e9b49}body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover{background:#a58d77}body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover{background:#6f99ad}body.admin-color-light .components-datetime__date .CalendarDay__selected:hover{background:#00719e}.components-datetime__date .DayPickerNavigation_button__horizontalDefault{padding:2px 8px;top:20px}.components-datetime__date .DayPicker_weekHeader{top:50px}.components-datetime__date.is-description-visible .components-datetime__date-help-button,.components-datetime__date.is-description-visible .DayPicker{visibility:hidden}.components-datetime__time{margin-bottom:1em}.components-datetime__time fieldset{margin-top:.5em;position:relative}.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;color:#555d66}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button{margin-right:8px;margin-left:-1px;border-radius:0 3px 3px 0}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button{margin-right:-1px;border-radius:3px 0 0 3px}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled,.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled{background:#edeff0;border-color:#8f98a1;box-shadow:inset 0 2px 5px -3px #555d66}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field{align-self:center;flex:0 1 auto;order:1}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button{font-size:11px;font-weight:600}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select{padding:2px;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;width:40px;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:0 0 0 -4px!important;border-radius:0 4px 4px 0!important}.components-datetime__time.is-12-hour .components-datetime__time-field-year input{border-radius:4px 0 0 4px!important}.components-datetime__time.is-24-hour .components-datetime__time-field-day{order:0!important}.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{width:90px}.components-popover .components-datetime__date{padding-right:6px}.components-popover.edit-post-post-schedule__dialog.is-bottom.is-left{z-index:100000}.components-disabled{position:relative;pointer-events:none}.components-disabled:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0}.components-disabled *{pointer-events:none}body.is-dragging-components-draggable{cursor:move;cursor:-webkit-grabbing!important;cursor:grabbing!important}.components-draggable__invisible-drag-image{position:fixed;right:-1000px;height:50px;width:50px}.components-draggable__clone{position:fixed;padding:20px;background:transparent;pointer-events:none;z-index:1000000000;opacity:.8}.components-drop-zone{position:absolute;top:0;left:0;bottom:0;right:0;z-index:100;visibility:hidden;opacity:0;transition:opacity .3s,background-color .3s,visibility 0s .3s;border:2px solid #0071a1;border-radius:2px}.components-drop-zone.is-active{opacity:1;visibility:visible;transition:opacity .3s,background-color .3s}.components-drop-zone.is-dragging-over-element{background-color:rgba(0,113,161,.8)}.components-drop-zone__content{position:absolute;top:50%;right:0;left:0;z-index:110;transform:translateY(-50%);width:100%;text-align:center;color:#fff;transition:transform .2s ease-in-out}.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}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.components-drop-zone__provider{height:100%}.components-dropdown-menu{padding:3px;display:flex}.components-dropdown-menu .components-dropdown-menu__toggle{width:auto;margin:0;padding:4px;border:1px solid transparent;display:flex;flex-direction:row}.components-dropdown-menu .components-dropdown-menu__toggle.is-active,.components-dropdown-menu .components-dropdown-menu__toggle.is-active:hover{box-shadow:none;background-color:#555d66;color:#fff}.components-dropdown-menu .components-dropdown-menu__toggle:focus:before{top:-3px;left:-3px;bottom:-3px;right:-3px}.components-dropdown-menu .components-dropdown-menu__toggle:focus,.components-dropdown-menu .components-dropdown-menu__toggle:hover,.components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#555d66;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff}.components-dropdown-menu .components-dropdown-menu__toggle .components-dropdown-menu__indicator:after{content:"";pointer-events:none;display:block;width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;border-top:5px solid;margin-right:4px;margin-left:2px}.components-dropdown-menu__popover .components-popover__content{width:200px}.components-dropdown-menu__menu{width:100%;padding:9px;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{width:100%;padding:6px;outline:none;cursor:pointer;margin-bottom:4px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator{margin-top:6px;position:relative;overflow:visible}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before{display:block;content:"";box-sizing:content-box;background-color:#e2e4e7;position:absolute;top:-3px;right:0;left:0;height:1px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled=true]):not(.is-default){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg{border-radius:4px;padding:2px;width:24px;height:24px;margin:-1px 0 -1px 8px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled=true]):not(.is-default).is-active>svg{outline:none;color:#fff;box-shadow:none;background:#555d66}.components-external-link__icon{width:1.4em;height:1.4em;margin:-.2em .1em 0;vertical-align:middle}.components-font-size-picker__buttons{display:flex;justify-content:space-between;align-items:center}.components-font-size-picker__buttons .components-range-control__number{height:24px;line-height:22px}.components-font-size-picker__buttons .components-range-control__number[value=""]+.components-button{cursor:default;opacity:.3;pointer-events:none}.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{width:30px;height:30px}.components-font-size-picker__dropdown-content .components-button{display:block;position:relative;padding:10px 40px 10px 20px;width:100%;text-align:right}.components-font-size-picker__dropdown-content .components-button .dashicon{position:absolute;top:calc(50% - 10px);right:10px}.components-font-size-picker__buttons .components-font-size-picker__selector{background:none;position:relative;width:110px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:4px;border:1px solid #8d96a0}.components-font-size-picker__buttons .components-font-size-picker__selector:focus{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-font-size-picker__buttons .components-font-size-picker__selector:after{content:"";pointer-events:none;display:block;width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;border-top:5px solid;margin-right:4px;margin-left:2px;left:8px;top:12px;position:absolute}.components-form-file-upload .components-button.is-large{padding-right:6px}.components-form-toggle{position:relative}.components-form-toggle .components-form-toggle__off,.components-form-toggle .components-form-toggle__on{position:absolute;top:6px}.components-form-toggle .components-form-toggle__off{color:#6c7781;fill:currentColor;left:6px}.components-form-toggle .components-form-toggle__on{right:8px}.components-form-toggle .components-form-toggle__track{content:"";display:inline-block;vertical-align:top;background-color:#fff;border:2px solid #6c7781;width:36px;height:18px;border-radius:9px;transition:background .2s ease}.components-form-toggle .components-form-toggle__thumb{display:block;position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;transition:transform .1s ease;background-color:#6c7781;border:5px solid #6c7781}.components-form-toggle:hover .components-form-toggle__track{border:2px solid #555d66}.components-form-toggle:hover .components-form-toggle__thumb{background-color:#555d66;border:5px solid #6c7781}.components-form-toggle:hover .components-form-toggle__off{color:#555d66}.components-form-toggle.is-checked .components-form-toggle__track{background-color:#11a0d2;border:9px solid transparent}body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track{background-color:#c8b03c;border:2px solid #c8b03c}body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track{background-color:#a3b9a2;border:2px solid #a3b9a2}body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track{background-color:#77a6b9;border:2px solid #77a6b9}body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track{background-color:#a7b656;border:2px solid #a7b656}body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track{background-color:#c2a68c;border:2px solid #c2a68c}body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track{background-color:#82b4cb;border:2px solid #82b4cb}body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track{background-color:#11a0d2;border:2px solid #11a0d2}.components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3px #6c7781;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-checked:before{background-color:#11a0d2;border:2px solid #11a0d2}body.admin-color-sunrise .components-form-toggle.is-checked:before{background-color:#c8b03c;border:2px solid #c8b03c}body.admin-color-ocean .components-form-toggle.is-checked:before{background-color:#a3b9a2;border:2px solid #a3b9a2}body.admin-color-midnight .components-form-toggle.is-checked:before{background-color:#77a6b9;border:2px solid #77a6b9}body.admin-color-ectoplasm .components-form-toggle.is-checked:before{background-color:#a7b656;border:2px solid #a7b656}body.admin-color-coffee .components-form-toggle.is-checked:before{background-color:#c2a68c;border:2px solid #c2a68c}body.admin-color-blue .components-form-toggle.is-checked:before{background-color:#82b4cb;border:2px solid #82b4cb}body.admin-color-light .components-form-toggle.is-checked:before{background-color:#11a0d2;border:2px solid #11a0d2}.components-disabled .components-form-toggle{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-toggle .components-form-toggle__on{outline:1px solid transparent;outline-offset:-1px;border:1px solid #000;-webkit-filter:invert(100%) contrast(500%);filter:invert(100%) contrast(500%)}@supports (-ms-high-contrast-adjust:auto){.components-form-toggle .components-form-toggle__on{-webkit-filter:none;filter:none;border:1px solid #fff}}.components-form-token-field__input-container{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;margin:0;padding:4px;background-color:#fff;color:#32373c;cursor:text;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:4px;border:1px solid #8d96a0}.components-form-token-field__input-container.is-disabled{background:#e2e4e7;border-color:#ccd0d4}.components-form-token-field__input-container.is-active{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-form-token-field__input-container input[type=text].components-form-token-field__input{display:inline-block;width:100%;max-width:100%;margin:2px 8px 2px 0;padding:0;min-height:24px;background:inherit;border:0;font-size:13px;color:#23282d;box-shadow:none}.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__token{font-size:13px;display:flex;margin:2px 0 2px 4px;color:#32373c;overflow:hidden}.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:#d94f4f}.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:#555d66}.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:#11a0d2}body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#c8b03c}body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#a89d8a}body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#77a6b9}body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#c77430}body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#9fa47b}body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#d9ab59}body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#c75726}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#555d66;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:#d94f4f;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:#23282d}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-icon-button,.components-form-token-field__token-text{display:inline-block;line-height:24px;background:#e2e4e7;transition:all .2s cubic-bezier(.4,1,.4,1)}.components-form-token-field__token-text{border-radius:0 12px 12px 0;padding:0 8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-form-token-field__remove-token.components-icon-button{cursor:pointer;border-radius:12px 0 0 12px;padding:0 2px;color:#555d66;line-height:10px;overflow:initial}.components-form-token-field__remove-token.components-icon-button:hover{color:#32373c}.components-form-token-field__suggestions-list{flex:1 0 100%;min-width:100%;max-height:9em;overflow-y:scroll;transition:all .15s ease-in-out;list-style:none;border-top:1px solid #6c7781;margin:4px -4px -4px;padding-top:3px}.components-form-token-field__suggestion{color:#555d66;display:block;font-size:13px;padding:4px 8px;cursor:pointer}.components-form-token-field__suggestion.is-selected{background:#0071a1;color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}.components-navigate-regions.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;animation:editor-animation__region-focus .2s ease-out;animation-fill-mode:forwards}@keyframes editor-animation__region-focus{0%{box-shadow:inset 0 0 0 0 #33b3db}to{box-shadow:inset 0 0 0 4px #33b3db}}.components-icon-button{display:flex;align-items:center;padding:8px;margin:0;border:none;background:none;color:#555d66;position:relative;overflow:hidden;border-radius:4px}.components-icon-button .dashicon{display:inline-block;flex:0 0 auto}.components-icon-button svg{fill:currentColor;outline:none}.components-icon-button svg:not:only-child{margin-left:4px}.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2)}.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):active{outline:none;background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #ccd0d4,inset 0 0 0 2px #fff}.components-icon-button:disabled:focus,.components-icon-button[aria-disabled=true]:focus{box-shadow:none}.components-menu-group{width:100%;padding:7px}.components-menu-group__label{margin-bottom:8px;color:#6c7781}.components-menu-item__button,.components-menu-item__button.components-icon-button{width:100%;padding:8px;text-align:right;color:#40464d}.components-menu-item__button.components-icon-button .components-menu-items__item-icon,.components-menu-item__button.components-icon-button .dashicon,.components-menu-item__button.components-icon-button>span>svg,.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button .dashicon,.components-menu-item__button>span>svg{margin-left:4px}.components-menu-item__button.components-icon-button .components-menu-items__item-icon,.components-menu-item__button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled=true]),.components-menu-item__button:hover:not(:disabled):not([aria-disabled=true]){color:#555d66}@media (min-width:782px){.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled=true]),.components-menu-item__button:hover:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none}}.components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled=true]),.components-menu-item__button:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.components-menu-item__info-wrapper{display:flex;flex-direction:column}.components-menu-item__info{margin-top:4px;font-size:12px;opacity:.82}.components-menu-item__shortcut{align-self:center;opacity:.5;margin-left:0;margin-right:auto;padding-right:8px;display:none}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-modal__screen-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:hsla(0,0%,100%,.4);z-index:100000;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}.components-modal__frame{position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;margin:0;border:1px solid #e2e4e7;background:#fff;box-shadow:0 3px 30px rgba(25,30,35,.2);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:calc(100% - 112px);transform:translate(50%,-50%);animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards}}@keyframes components-modal__appear-animation{0%{margin-top:32px}to{margin-top:0}}.components-modal__header{box-sizing:border-box;border-bottom:1px solid #e2e4e7;padding:0 16px;display:flex;flex-direction:row;justify-content:space-between;background:#fff;align-items:center;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:10;margin:0 -16px 16px}@supports (-ms-ime-align:auto){.components-modal__header{position:fixed;width:100%}}.components-modal__header .components-modal__header-heading{font-size:1em;font-weight:400}.components-modal__header h1{line-height:1;margin:0}.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 16px 16px}@supports (-ms-ime-align:auto){.components-modal__content{padding-top:56px}}.components-notice{background-color:#e5f5fa;border-right:4px solid #00a0d2;margin:5px 15px 2px;padding:8px 12px}.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:#d94f4f;background-color:#f9e2e2}.components-notice__content{margin:1em 0}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-right:4px}.components-notice__dismiss{position:absolute;top:0;left:0;color:#6c7781}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#d94f4f;background-color:transparent}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{box-shadow:none}.components-notice-list{min-width:300px;z-index:9989}.components-panel{background:#fff;border:1px solid #e2e4e7}.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 #e2e4e7;border-bottom:1px solid #e2e4e7}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__body>.components-icon-button{color:#191e23}.components-panel__header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:50px;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}.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}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover,.edit-post-last-revision__panel>.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{background:#f8f9f9}.components-panel__body-toggle.components-button{position:relative;padding:15px;outline:none;width:100%;font-weight:600;text-align:right;color:#191e23;border:none;box-shadow:none;transition:background .1s ease-in-out}.components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.components-panel__body-toggle.components-button .components-panel__arrow{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#191e23;fill:currentColor;transition:color .1s ease-in-out}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{transform:scaleX(-1);-ms-filter:fliph;-webkit-filter:FlipH;filter:FlipH;margin-top:-10px}.components-panel__icon{color:#555d66;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:20px}.components-panel__row select{min-width:0}.components-panel__row label{margin-left:10px;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{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;width:100%;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;background:rgba(139,139,150,.1)}.is-dark-theme .components-placeholder{background:hsla(0,0%,100%,.15)}.components-placeholder__label{display:flex;justify-content:center;font-weight:600;margin-bottom:1em}.components-placeholder__label .dashicon,.components-placeholder__label .editor-block-icon{margin-left:1ch}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;justify-content:center;width:100%;max-width:400px;flex-wrap:wrap;z-index:1}.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__input{margin-left:8px;flex:1 1 auto}.components-placeholder__instructions{margin-bottom:1em}.components-popover{position:fixed;z-index:1000000;left:50%}.components-popover.is-mobile{top:0;left:0;right:0;bottom:0}.components-popover:not(.is-without-arrow):not(.is-mobile){margin-left:2px}.components-popover:not(.is-without-arrow):not(.is-mobile):before{border:8px solid #e2e4e7}.components-popover:not(.is-without-arrow):not(.is-mobile):after{border:8px solid #fff}.components-popover:not(.is-without-arrow):not(.is-mobile):after,.components-popover:not(.is-without-arrow):not(.is-mobile):before{content:"";position:absolute;height:0;width:0;line-height:0}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top{margin-top:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top:before{bottom:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top:after{bottom:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-bottom{margin-top:8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom:before{top:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom:after{top:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-middle.is-left{margin-left:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:before{right:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:after{right:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right{margin-left:8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:before{left:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:after{left:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.components-popover:not(.is-mobile).is-top{bottom:100%}.components-popover:not(.is-mobile).is-bottom{top:100%;z-index:99990}.components-popover:not(.is-mobile).is-middle{align-items:center;display:flex}.components-popover__content{box-shadow:0 3px 30px rgba(25,30,35,.1);border:1px solid #e2e4e7;background:#fff;height:100%}.components-popover.is-mobile .components-popover__content{height:calc(100% - 50px);border-top:0}.components-popover:not(.is-mobile) .components-popover__content{position:absolute;height:auto;overflow-y:auto;min-width:260px}.components-popover:not(.is-mobile).is-top .components-popover__content{bottom:100%}.components-popover:not(.is-mobile).is-center .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover:not(.is-mobile).is-right .components-popover__content{position:absolute;left:100%}.components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content{margin-left:-24px}.components-popover:not(.is-mobile).is-left .components-popover__content{position:absolute;right:100%}.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{margin-right:-24px}.components-popover__content>div{height:100%}.components-popover__header{align-items:center;background:#fff;border:1px solid #e2e4e7;display:flex;height:50px;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-icon-button{z-index:5}.components-radio-control{display:flex;flex-direction:column}.components-radio-control__option:not(:last-child){margin-bottom:4px}.components-radio-control__input[type=radio]{margin-top:0;margin-left:6px}.components-range-control .components-base-control__field{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.components-range-control .dashicon{flex-shrink:0;margin-left:10px}.components-range-control .components-base-control__label{width:100%}.components-range-control .components-range-control__slider{margin-right:0;flex:1}.components-range-control__slider{width:100%;margin-right:8px;padding:0;-webkit-appearance:none;background:transparent}.components-range-control__slider::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;border:4px solid transparent;background-clip:padding-box;box-sizing:border-box;margin-top:-7px}.components-range-control__slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;border:4px solid transparent;background-clip:padding-box;box-sizing:border-box}.components-range-control__slider::-ms-thumb{height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;background-clip:padding-box;box-sizing:border-box;margin-top:0;height:14px;width:14px;border:2px solid transparent}.components-range-control__slider:focus{outline:none}.components-range-control__slider:focus::-webkit-slider-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider:focus::-moz-range-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider:focus::-ms-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider::-webkit-slider-runnable-track{height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px;margin-top:-4px}.components-range-control__slider::-moz-range-track{height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px}.components-range-control__slider::-ms-track{margin-top:-4px;background:transparent;border-color:transparent;color:transparent;height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px}.components-range-control__number{display:inline-block;margin-right:8px;font-weight:500;width:50px;padding:3px 5px!important}.components-resizable-box__handle{display:none;width:24px;height:24px;padding:4px}.components-resizable-box__container.is-selected .components-resizable-box__handle{display:block}.components-resizable-box__handle:before{display:block;content:"";width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#0085ba;cursor:inherit}body.admin-color-sunrise .components-resizable-box__handle:before{background:#d1864a}body.admin-color-ocean .components-resizable-box__handle:before{background:#a3b9a2}body.admin-color-midnight .components-resizable-box__handle:before{background:#e14d43}body.admin-color-ectoplasm .components-resizable-box__handle:before{background:#a7b656}body.admin-color-coffee .components-resizable-box__handle:before{background:#c2a68c}body.admin-color-blue .components-resizable-box__handle:before{background:#82b4cb}body.admin-color-light .components-resizable-box__handle:before{background:#0085ba}.components-resizable-box__handle-right{top:calc(50% - 12px);right:-12px}.components-resizable-box__handle-bottom{bottom:-12px;left:calc(50% - 12px)}.components-resizable-box__handle-left{top:calc(50% - 12px);left:-12px}.components-responsive-wrapper{position:relative;max-width:100%}.components-responsive-wrapper__content{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.components-sandbox,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-spinner{display:inline-block;background-color:#7e8993;width:18px;height:18px;opacity:.7;float:left;margin:5px 11px 0;border-radius:100%;position:relative}.components-spinner:before{content:"";position:absolute;background-color:#fff;top:3px;right:3px;width:4px;height:4px;border-radius:100%;transform-origin:6px 6px;animation:components-spinner__animation 1s linear infinite}@keyframes components-spinner__animation{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.components-text-control__input,.components-textarea-control__input{width:100%;padding:6px 8px}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px}.components-toggle-control .components-base-control__field .components-form-toggle{margin-left:16px}.components-toggle-control .components-base-control__field .components-toggle-control__label{display:block;margin-bottom:4px}.components-toolbar{margin:0;border:1px solid #e2e4e7;background-color:#fff;display:flex;flex-shrink:0}div.components-toolbar>div{display:block;margin:0}@supports ((position:-webkit-sticky) or (position:sticky)){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div{margin-right:-3px}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:#e2e4e7;position:absolute;top:8px;right:-3px;width:1px;height:20px}.components-toolbar__control.components-button{display:inline-flex;align-items:flex-end;margin:0;padding:3px;outline:none;cursor:pointer;position:relative;width:36px;height:36px}.components-toolbar__control.components-button:active,.components-toolbar__control.components-button:not([aria-disabled=true]):focus,.components-toolbar__control.components-button:not([aria-disabled=true]):hover{outline:none;box-shadow:none;background:none;border:none}.components-toolbar__control.components-button:disabled{cursor:default}.components-toolbar__control.components-button>svg{padding:5px;border-radius:4px;height:30px;width:30px}.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:not(:disabled):not([aria-disabled=true]):hover{box-shadow:none}.components-toolbar__control.components-button:not(:disabled).is-active>svg,.components-toolbar__control.components-button:not(:disabled):hover>svg{color:#555d66;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff}.components-toolbar__control.components-button:not(:disabled).is-active>svg{outline:none;color:#fff;box-shadow:none;background:#555d66}.components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]:after{color:#fff}.components-toolbar__control.components-button:not(:disabled):focus>svg{box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-toolbar__control .dashicon{display:block}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover:before{border-color:transparent}.components-tooltip.components-popover.is-top:after{border-top-color:#191e23}.components-tooltip.components-popover.is-bottom:after{border-bottom-color:#191e23}.components-tooltip .components-popover__content{padding:4px 12px;background:#191e23;border-width:0;color:#fff;white-space:nowrap}.components-tooltip:not(.is-mobile) .components-popover__content{min-width:0}.components-tooltip__shortcut{display:block;text-align:center;color:#7e8993} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style.css b/wp-includes/css/dist/components/style.css index a6ef335653..d60ff112d7 100644 --- a/wp-includes/css/dist/components/style.css +++ b/wp-includes/css/dist/components/style.css @@ -1,3106 +1,9 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.components-autocomplete__popover .components-popover__content { - min-width: 200px; } +.components-autocomplete__popover .components-popover__content{min-width:200px}.components-autocomplete__popover .components-autocomplete__results{padding:3px;display:flex;flex-direction:column;align-items:stretch}.components-autocomplete__popover .components-autocomplete__results:empty{display:none}.components-autocomplete__result.components-button{margin-bottom:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;color:#555d66;display:flex;flex-direction:row;flex-grow:1;flex-shrink:0;align-items:center;padding:6px;text-align:left}.components-autocomplete__result.components-button.is-selected{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-autocomplete__result.components-button:hover{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2)}.components-base-control{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-base-control .components-base-control__field{margin-bottom:8px}.components-panel__row .components-base-control .components-base-control__field{margin-bottom:inherit}.components-base-control .components-base-control__label{display:block;margin-bottom:4px}.components-base-control .components-base-control__help{margin-top:-8px;font-style:italic;margin-bottom:0}.components-button-group{display:inline-block}.components-button-group .components-button.is-button{border-radius:0}.components-button-group .components-button.is-button+.components-button.is-button{margin-left:-1px}.components-button-group .components-button.is-button:first-child{border-radius:3px 0 0 3px}.components-button-group .components-button.is-button:last-child{border-radius:0 3px 3px 0}.components-button-group .components-button.is-button.is-primary,.components-button-group .components-button.is-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-button.is-primary{box-shadow:none}.components-button{display:inline-flex;text-decoration:none;font-size:13px;margin:0;border:0;cursor:pointer;-webkit-appearance:none;background:none}.components-button.is-button{padding:0 10px 1px;line-height:26px;height:28px;border-radius:3px;white-space:nowrap;border-width:1px;border-style:solid}.components-button.is-default{color:#555;border-color:#ccc;background:#f7f7f7;box-shadow:inset 0 -1px 0 #ccc;vertical-align:top}.components-button.is-default:hover{background:#fafafa;border-color:#999;box-shadow:inset 0 -1px 0 #999;color:#23282d;text-decoration:none}.components-button.is-default:focus:enabled{background:#fafafa;color:#23282d;border-color:#999;box-shadow:inset 0 -1px 0 #999,0 0 0 2px #bfe7f3;text-decoration:none}.components-button.is-default:active:enabled{background:#eee;border-color:#999;box-shadow:inset 0 1px 0 #999}.components-button.is-default:disabled,.components-button.is-default[aria-disabled=true]{color:#a0a5aa;border-color:#ddd;background:#f7f7f7;box-shadow:none;text-shadow:0 1px 0 #fff;transform:none}.components-button.is-primary{background:#0085ba;border-color:#006a95 #00648c #00648c;box-shadow:inset 0 -1px 0 #00648c;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #005d82,1px 0 1px #005d82,0 1px 1px #005d82,-1px 0 1px #005d82}body.admin-color-sunrise .components-button.is-primary{background:#d1864a;border-color:#a76b3b #9d6538 #9d6538;box-shadow:inset 0 -1px 0 #9d6538;text-shadow:0 -1px 1px #925e34,1px 0 1px #925e34,0 1px 1px #925e34,-1px 0 1px #925e34}body.admin-color-ocean .components-button.is-primary{background:#a3b9a2;border-color:#829482 #7a8b7a #7a8b7a;box-shadow:inset 0 -1px 0 #7a8b7a;text-shadow:0 -1px 1px #728271,1px 0 1px #728271,0 1px 1px #728271,-1px 0 1px #728271}body.admin-color-midnight .components-button.is-primary{background:#e14d43;border-color:#b43e36 #a93a32 #a93a32;box-shadow:inset 0 -1px 0 #a93a32;text-shadow:0 -1px 1px #9e362f,1px 0 1px #9e362f,0 1px 1px #9e362f,-1px 0 1px #9e362f}body.admin-color-ectoplasm .components-button.is-primary{background:#a7b656;border-color:#869245 #7d8941 #7d8941;box-shadow:inset 0 -1px 0 #7d8941;text-shadow:0 -1px 1px #757f3c,1px 0 1px #757f3c,0 1px 1px #757f3c,-1px 0 1px #757f3c}body.admin-color-coffee .components-button.is-primary{background:#c2a68c;border-color:#9b8570 #927d69 #927d69;box-shadow:inset 0 -1px 0 #927d69;text-shadow:0 -1px 1px #887462,1px 0 1px #887462,0 1px 1px #887462,-1px 0 1px #887462}body.admin-color-blue .components-button.is-primary{background:#d9ab59;border-color:#ae8947 #a38043 #a38043;box-shadow:inset 0 -1px 0 #a38043;text-shadow:0 -1px 1px #98783e,1px 0 1px #98783e,0 1px 1px #98783e,-1px 0 1px #98783e}body.admin-color-light .components-button.is-primary{background:#0085ba;border-color:#006a95 #00648c #00648c;box-shadow:inset 0 -1px 0 #00648c;text-shadow:0 -1px 1px #005d82,1px 0 1px #005d82,0 1px 1px #005d82,-1px 0 1px #005d82}.components-button.is-primary:focus:enabled,.components-button.is-primary:hover{background:#007eb1;border-color:#00435d;color:#fff}body.admin-color-sunrise .components-button.is-primary:focus:enabled,body.admin-color-sunrise .components-button.is-primary:hover{background:#c77f46;border-color:#694325}body.admin-color-ocean .components-button.is-primary:focus:enabled,body.admin-color-ocean .components-button.is-primary:hover{background:#9bb09a;border-color:#525d51}body.admin-color-midnight .components-button.is-primary:focus:enabled,body.admin-color-midnight .components-button.is-primary:hover{background:#d64940;border-color:#712722}body.admin-color-ectoplasm .components-button.is-primary:focus:enabled,body.admin-color-ectoplasm .components-button.is-primary:hover{background:#9fad52;border-color:#545b2b}body.admin-color-coffee .components-button.is-primary:focus:enabled,body.admin-color-coffee .components-button.is-primary:hover{background:#b89e85;border-color:#615346}body.admin-color-blue .components-button.is-primary:focus:enabled,body.admin-color-blue .components-button.is-primary:hover{background:#cea255;border-color:#6d562d}body.admin-color-light .components-button.is-primary:focus:enabled,body.admin-color-light .components-button.is-primary:hover{background:#007eb1;border-color:#00435d}.components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #00435d}body.admin-color-sunrise .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #694325}body.admin-color-ocean .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #525d51}body.admin-color-midnight .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #712722}body.admin-color-ectoplasm .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #545b2b}body.admin-color-coffee .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #615346}body.admin-color-blue .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #6d562d}body.admin-color-light .components-button.is-primary:hover{box-shadow:inset 0 -1px 0 #00435d}.components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #00435d,0 0 0 2px #bfe7f3}body.admin-color-sunrise .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #694325,0 0 0 2px #bfe7f3}body.admin-color-ocean .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #525d51,0 0 0 2px #bfe7f3}body.admin-color-midnight .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #712722,0 0 0 2px #bfe7f3}body.admin-color-ectoplasm .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #545b2b,0 0 0 2px #bfe7f3}body.admin-color-coffee .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #615346,0 0 0 2px #bfe7f3}body.admin-color-blue .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #6d562d,0 0 0 2px #bfe7f3}body.admin-color-light .components-button.is-primary:focus:enabled{box-shadow:inset 0 -1px 0 #00435d,0 0 0 2px #bfe7f3}.components-button.is-primary:active:enabled{background:#006a95;border-color:#00435d;box-shadow:inset 0 1px 0 #00435d;vertical-align:top}body.admin-color-sunrise .components-button.is-primary:active:enabled{background:#a76b3b;border-color:#694325;box-shadow:inset 0 1px 0 #694325}body.admin-color-ocean .components-button.is-primary:active:enabled{background:#829482;border-color:#525d51;box-shadow:inset 0 1px 0 #525d51}body.admin-color-midnight .components-button.is-primary:active:enabled{background:#b43e36;border-color:#712722;box-shadow:inset 0 1px 0 #712722}body.admin-color-ectoplasm .components-button.is-primary:active:enabled{background:#869245;border-color:#545b2b;box-shadow:inset 0 1px 0 #545b2b}body.admin-color-coffee .components-button.is-primary:active:enabled{background:#9b8570;border-color:#615346;box-shadow:inset 0 1px 0 #615346}body.admin-color-blue .components-button.is-primary:active:enabled{background:#ae8947;border-color:#6d562d;box-shadow:inset 0 1px 0 #6d562d}body.admin-color-light .components-button.is-primary:active:enabled{background:#006a95;border-color:#00435d;box-shadow:inset 0 1px 0 #00435d}.components-button.is-primary:disabled,.components-button.is-primary[aria-disabled=true]{color:#4daacf;background:#005d82;border-color:#006a95;box-shadow:none;text-shadow:0 -1px 0 rgba(0,0,0,.1)}body.admin-color-sunrise .components-button.is-primary:disabled,body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]{color:#dfaa80;background:#925e34;border-color:#a76b3b}body.admin-color-ocean .components-button.is-primary:disabled,body.admin-color-ocean .components-button.is-primary[aria-disabled=true]{color:#bfcebe;background:#728271;border-color:#829482}body.admin-color-midnight .components-button.is-primary:disabled,body.admin-color-midnight .components-button.is-primary[aria-disabled=true]{color:#ea827b;background:#9e362f;border-color:#b43e36}body.admin-color-ectoplasm .components-button.is-primary:disabled,body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]{color:#c1cc89;background:#757f3c;border-color:#869245}body.admin-color-coffee .components-button.is-primary:disabled,body.admin-color-coffee .components-button.is-primary[aria-disabled=true]{color:#d4c1af;background:#887462;border-color:#9b8570}body.admin-color-blue .components-button.is-primary:disabled,body.admin-color-blue .components-button.is-primary[aria-disabled=true]{color:#e4c48b;background:#98783e;border-color:#ae8947}body.admin-color-light .components-button.is-primary:disabled,body.admin-color-light .components-button.is-primary[aria-disabled=true]{color:#4daacf;background:#005d82;border-color:#006a95}.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,#0085ba 28%,#005d82 0,#005d82 72%,#0085ba 0);border-color:#00435d}body.admin-color-sunrise .components-button.is-primary.is-busy,body.admin-color-sunrise .components-button.is-primary.is-busy:disabled,body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#d1864a 28%,#925e34 0,#925e34 72%,#d1864a 0);border-color:#694325}body.admin-color-ocean .components-button.is-primary.is-busy,body.admin-color-ocean .components-button.is-primary.is-busy:disabled,body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#a3b9a2 28%,#728271 0,#728271 72%,#a3b9a2 0);border-color:#525d51}body.admin-color-midnight .components-button.is-primary.is-busy,body.admin-color-midnight .components-button.is-primary.is-busy:disabled,body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#e14d43 28%,#9e362f 0,#9e362f 72%,#e14d43 0);border-color:#712722}body.admin-color-ectoplasm .components-button.is-primary.is-busy,body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled,body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#a7b656 28%,#757f3c 0,#757f3c 72%,#a7b656 0);border-color:#545b2b}body.admin-color-coffee .components-button.is-primary.is-busy,body.admin-color-coffee .components-button.is-primary.is-busy:disabled,body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#c2a68c 28%,#887462 0,#887462 72%,#c2a68c 0);border-color:#615346}body.admin-color-blue .components-button.is-primary.is-busy,body.admin-color-blue .components-button.is-primary.is-busy:disabled,body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#82b4cb 28%,#5b7e8e 0,#5b7e8e 72%,#82b4cb 0);border-color:#415a66}body.admin-color-light .components-button.is-primary.is-busy,body.admin-color-light .components-button.is-primary.is-busy:disabled,body.admin-color-light .components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#0085ba 28%,#005d82 0,#005d82 72%,#0085ba 0);border-color:#00435d}.components-button.is-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:none;outline:none;text-align:left;color:#0073aa;text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}.components-button.is-link:active,.components-button.is-link:hover{color:#00a0d2}.components-button.is-link:focus{color:#124964;box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.components-button.is-link.is-destructive{color:#d94f4f}.components-button:active{color:currentColor}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button:focus:enabled{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-button.is-busy{animation:components-button__busy-animation 2.5s linear infinite;background-size:100px 100%;background-image:repeating-linear-gradient(-45deg,#e2e4e7,#fff 11px,#fff 0,#e2e4e7 20px);opacity:1}.components-button.is-large{height:30px;line-height:28px;padding:0 12px 2px}.components-button.is-small{height:24px;line-height:22px;padding:0 8px 1px;font-size:11px}.components-button.is-tertiary{color:#007cba;padding:0 10px;line-height:26px;height:28px}body.admin-color-sunrise .components-button.is-tertiary{color:#837425}body.admin-color-ocean .components-button.is-tertiary{color:#5e7d5e}body.admin-color-midnight .components-button.is-tertiary{color:#497b8d}body.admin-color-ectoplasm .components-button.is-tertiary{color:#523f6d}body.admin-color-coffee .components-button.is-tertiary{color:#59524c}body.admin-color-blue .components-button.is-tertiary{color:#417e9b}body.admin-color-light .components-button.is-tertiary{color:#007cba}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}.components-button.is-tertiary svg{fill:currentColor;outline:none}.components-button.is-tertiary:active:focus:enabled{box-shadow:none}.components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#005d8c}body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#62571c}body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#475e47}body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#375c6a}body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#3e2f52}body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#433e39}body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#315f74}body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#005d8c}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{margin-top:0}.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-palette{margin-right:-14px}.components-color-palette .components-color-palette__clear{float:right;margin-right:20px}.components-color-palette__item-wrapper{display:inline-block;height:28px;width:28px;margin-right:14px;margin-bottom:14px;vertical-align:top;transform:scale(1);transition:transform .1s ease}.components-color-palette__item-wrapper:hover{transform:scale(1.2)}.components-color-palette__item-wrapper>div{height:100%;width:100%}.components-color-palette__item{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}.components-color-palette__item.is-active{box-shadow:inset 0 0 0 4px}.components-color-palette__item:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.components-color-palette__item:focus{outline:none}.components-color-palette__item:focus:after{content:"";border:1px solid #606a73;width:32px;height:32px;position:absolute;top:-2px;left:-2px;border-radius:50%}.components-color-palette__clear-color .components-color-palette__item{color:#fff;background:#fff}.components-color-palette__clear-color-line{display:block;position:absolute;border:2px solid #d94f4f;border-radius:50%;top:0;left:0;bottom:0;right:0}.components-color-palette__clear-color-line:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;border-bottom:2px solid #d94f4f;transform:rotate(45deg) translateY(-13px) translateX(-1px)}.components-color-palette__custom-color .components-color-palette__item{position:relative;box-shadow:none}.components-color-palette__custom-color .components-color-palette__custom-color-gradient{display:block;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;overflow:hidden}.components-color-palette__custom-color .components-color-palette__custom-color-gradient:before{content:"";-webkit-filter:blur(6px) saturate(.7) brightness(1.1);filter:blur(6px) saturate(.7) brightness(1.1);display:block;width:200%;height:200%;position:absolute;top:-50%;left:-50%;padding-top:100%;transform:scale(1);background-image:linear-gradient(330deg,transparent 50%,#ff8100 0),linear-gradient(300deg,transparent 50%,#ff5800 0),linear-gradient(270deg,transparent 50%,#c92323 0),linear-gradient(240deg,transparent 50%,#cc42a2 0),linear-gradient(210deg,transparent 50%,#9f49ac 0),linear-gradient(180deg,transparent 50%,#306cd3 0),linear-gradient(150deg,transparent 50%,#179067 0),linear-gradient(120deg,transparent 50%,#0eb5d6 0),linear-gradient(90deg,transparent 50%,#50b517 0),linear-gradient(60deg,transparent 50%,#ede604 0),linear-gradient(30deg,transparent 50%,#fc0 0),linear-gradient(0deg,transparent 50%,#feac00 0);background-clip:content-box,content-box,content-box,content-box,content-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box}.block-editor__container .components-popover.components-color-palette__picker.is-bottom{z-index:100001}.components-color-picker{width:100%;overflow:hidden}.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:hidden}.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-color-picker__saturation-pointer{width:8px;height:8px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;background-color:transparent;transform:translate(-4px,-4px)}.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}.components-color-picker__saturation-pointer:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #00a0d2,0 0 5px 0 #00a0d2,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:#00a0d2;box-shadow:0 0 0 2px #00a0d2,0 0 3px 0 #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-color-picker__inputs-wrapper{margin:0 -4px;padding-top:16px;display:flex;align-items:flex-end}.components-color-picker__inputs-wrapper fieldset{flex:1}.components-color-picker__inputs-fields{display:flex}.components-color-picker__inputs-fields .components-base-control__field{margin:0 4px}svg.dashicon{fill:currentColor;outline:none}.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;-moz-user-select:none;-ms-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:9px}.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;-moz-user-select:none;-ms-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:9px}.DayPicker_weekHeader{color:#757575;position:absolute;top:62px;z-index:2;text-align:left}.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}.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;-moz-user-select:none;-ms-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 .components-datetime__calendar-help{padding:8px}.components-datetime .components-datetime__calendar-help h4{margin:0}.components-datetime .components-datetime__date-help-button{display:block;margin-left:auto;margin-right:8px;margin-top:.5em}.components-datetime__date{min-height:236px;border-top:1px solid #e2e4e7;margin-left:-8px;margin-right:-8px}.components-datetime__date .CalendarMonth_caption{font-size:13px}.components-datetime__date .CalendarDay{font-size:13px;border:1px solid transparent;border-radius:50%;text-align:center}.components-datetime__date .CalendarDay__selected{background:#0085ba}body.admin-color-sunrise .components-datetime__date .CalendarDay__selected{background:#d1864a}body.admin-color-ocean .components-datetime__date .CalendarDay__selected{background:#a3b9a2}body.admin-color-midnight .components-datetime__date .CalendarDay__selected{background:#e14d43}body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected{background:#a7b656}body.admin-color-coffee .components-datetime__date .CalendarDay__selected{background:#c2a68c}body.admin-color-blue .components-datetime__date .CalendarDay__selected{background:#82b4cb}body.admin-color-light .components-datetime__date .CalendarDay__selected{background:#0085ba}.components-datetime__date .CalendarDay__selected:hover{background:#00719e}body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover{background:#b2723f}body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover{background:#8b9d8a}body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover{background:#bf4139}body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover{background:#8e9b49}body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover{background:#a58d77}body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover{background:#6f99ad}body.admin-color-light .components-datetime__date .CalendarDay__selected:hover{background:#00719e}.components-datetime__date .DayPickerNavigation_button__horizontalDefault{padding:2px 8px;top:20px}.components-datetime__date .DayPicker_weekHeader{top:50px}.components-datetime__date.is-description-visible .components-datetime__date-help-button,.components-datetime__date.is-description-visible .DayPicker{visibility:hidden}.components-datetime__time{margin-bottom:1em}.components-datetime__time fieldset{margin-top:.5em;position:relative}.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;color:#555d66}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button{margin-left:8px;margin-right:-1px;border-radius:3px 0 0 3px}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button{margin-left:-1px;border-radius:0 3px 3px 0}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled,.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled{background:#edeff0;border-color:#8f98a1;box-shadow:inset 0 2px 5px -3px #555d66}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field{align-self:center;flex:0 1 auto;order:1}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button{font-size:11px;font-weight:600}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select{padding:2px;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;width:40px;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:0 -4px 0 0!important;border-radius:4px 0 0 4px!important}.components-datetime__time.is-12-hour .components-datetime__time-field-year input{border-radius:0 4px 4px 0!important}.components-datetime__time.is-24-hour .components-datetime__time-field-day{order:0!important}.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{width:90px}.components-popover .components-datetime__date{padding-left:6px}.components-popover.edit-post-post-schedule__dialog.is-bottom.is-left{z-index:100000}.components-disabled{position:relative;pointer-events:none}.components-disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.components-disabled *{pointer-events:none}body.is-dragging-components-draggable{cursor:move;cursor:-webkit-grabbing!important;cursor:grabbing!important}.components-draggable__invisible-drag-image{position:fixed;left:-1000px;height:50px;width:50px}.components-draggable__clone{position:fixed;padding:20px;background:transparent;pointer-events:none;z-index:1000000000;opacity:.8}.components-drop-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;opacity:0;transition:opacity .3s,background-color .3s,visibility 0s .3s;border:2px solid #0071a1;border-radius:2px}.components-drop-zone.is-active{opacity:1;visibility:visible;transition:opacity .3s,background-color .3s}.components-drop-zone.is-dragging-over-element{background-color:rgba(0,113,161,.8)}.components-drop-zone__content{position:absolute;top:50%;left:0;right:0;z-index:110;transform:translateY(-50%);width:100%;text-align:center;color:#fff;transition:transform .2s ease-in-out}.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}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.components-drop-zone__provider{height:100%}.components-dropdown-menu{padding:3px;display:flex}.components-dropdown-menu .components-dropdown-menu__toggle{width:auto;margin:0;padding:4px;border:1px solid transparent;display:flex;flex-direction:row}.components-dropdown-menu .components-dropdown-menu__toggle.is-active,.components-dropdown-menu .components-dropdown-menu__toggle.is-active:hover{box-shadow:none;background-color:#555d66;color:#fff}.components-dropdown-menu .components-dropdown-menu__toggle:focus:before{top:-3px;right:-3px;bottom:-3px;left:-3px}.components-dropdown-menu .components-dropdown-menu__toggle:focus,.components-dropdown-menu .components-dropdown-menu__toggle:hover,.components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#555d66;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff}.components-dropdown-menu .components-dropdown-menu__toggle .components-dropdown-menu__indicator:after{content:"";pointer-events:none;display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid;margin-left:4px;margin-right:2px}.components-dropdown-menu__popover .components-popover__content{width:200px}.components-dropdown-menu__menu{width:100%;padding:9px;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{width:100%;padding:6px;outline:none;cursor:pointer;margin-bottom:4px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator{margin-top:6px;position:relative;overflow:visible}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before{display:block;content:"";box-sizing:content-box;background-color:#e2e4e7;position:absolute;top:-3px;left:0;right:0;height:1px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled=true]):not(.is-default){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg{border-radius:4px;padding:2px;width:24px;height:24px;margin:-1px 8px -1px 0}.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled=true]):not(.is-default).is-active>svg{outline:none;color:#fff;box-shadow:none;background:#555d66}.components-external-link__icon{width:1.4em;height:1.4em;margin:-.2em .1em 0;vertical-align:middle}.components-font-size-picker__buttons{display:flex;justify-content:space-between;align-items:center}.components-font-size-picker__buttons .components-range-control__number{height:24px;line-height:22px}.components-font-size-picker__buttons .components-range-control__number[value=""]+.components-button{cursor:default;opacity:.3;pointer-events:none}.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{width:30px;height:30px}.components-font-size-picker__dropdown-content .components-button{display:block;position:relative;padding:10px 20px 10px 40px;width:100%;text-align:left}.components-font-size-picker__dropdown-content .components-button .dashicon{position:absolute;top:calc(50% - 10px);left:10px}.components-font-size-picker__buttons .components-font-size-picker__selector{background:none;position:relative;width:110px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:4px;border:1px solid #8d96a0}.components-font-size-picker__buttons .components-font-size-picker__selector:focus{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-font-size-picker__buttons .components-font-size-picker__selector:after{content:"";pointer-events:none;display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid;margin-left:4px;margin-right:2px;right:8px;top:12px;position:absolute}.components-form-file-upload .components-button.is-large{padding-left:6px}.components-form-toggle{position:relative}.components-form-toggle .components-form-toggle__off,.components-form-toggle .components-form-toggle__on{position:absolute;top:6px}.components-form-toggle .components-form-toggle__off{color:#6c7781;fill:currentColor;right:6px}.components-form-toggle .components-form-toggle__on{left:8px}.components-form-toggle .components-form-toggle__track{content:"";display:inline-block;vertical-align:top;background-color:#fff;border:2px solid #6c7781;width:36px;height:18px;border-radius:9px;transition:background .2s ease}.components-form-toggle .components-form-toggle__thumb{display:block;position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:50%;transition:transform .1s ease;background-color:#6c7781;border:5px solid #6c7781}.components-form-toggle:hover .components-form-toggle__track{border:2px solid #555d66}.components-form-toggle:hover .components-form-toggle__thumb{background-color:#555d66;border:5px solid #6c7781}.components-form-toggle:hover .components-form-toggle__off{color:#555d66}.components-form-toggle.is-checked .components-form-toggle__track{background-color:#11a0d2;border:9px solid transparent}body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track{background-color:#c8b03c;border:2px solid #c8b03c}body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track{background-color:#a3b9a2;border:2px solid #a3b9a2}body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track{background-color:#77a6b9;border:2px solid #77a6b9}body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track{background-color:#a7b656;border:2px solid #a7b656}body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track{background-color:#c2a68c;border:2px solid #c2a68c}body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track{background-color:#82b4cb;border:2px solid #82b4cb}body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track{background-color:#11a0d2;border:2px solid #11a0d2}.components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 3px #6c7781;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-checked:before{background-color:#11a0d2;border:2px solid #11a0d2}body.admin-color-sunrise .components-form-toggle.is-checked:before{background-color:#c8b03c;border:2px solid #c8b03c}body.admin-color-ocean .components-form-toggle.is-checked:before{background-color:#a3b9a2;border:2px solid #a3b9a2}body.admin-color-midnight .components-form-toggle.is-checked:before{background-color:#77a6b9;border:2px solid #77a6b9}body.admin-color-ectoplasm .components-form-toggle.is-checked:before{background-color:#a7b656;border:2px solid #a7b656}body.admin-color-coffee .components-form-toggle.is-checked:before{background-color:#c2a68c;border:2px solid #c2a68c}body.admin-color-blue .components-form-toggle.is-checked:before{background-color:#82b4cb;border:2px solid #82b4cb}body.admin-color-light .components-form-toggle.is-checked:before{background-color:#11a0d2;border:2px solid #11a0d2}.components-disabled .components-form-toggle{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-toggle .components-form-toggle__on{outline:1px solid transparent;outline-offset:-1px;border:1px solid #000;-webkit-filter:invert(100%) contrast(500%);filter:invert(100%) contrast(500%)}@supports (-ms-high-contrast-adjust:auto){.components-form-toggle .components-form-toggle__on{-webkit-filter:none;filter:none;border:1px solid #fff}}.components-form-token-field__input-container{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;margin:0;padding:4px;background-color:#fff;color:#32373c;cursor:text;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:4px;border:1px solid #8d96a0}.components-form-token-field__input-container.is-disabled{background:#e2e4e7;border-color:#ccd0d4}.components-form-token-field__input-container.is-active{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-form-token-field__input-container input[type=text].components-form-token-field__input{display:inline-block;width:100%;max-width:100%;margin:2px 0 2px 8px;padding:0;min-height:24px;background:inherit;border:0;font-size:13px;color:#23282d;box-shadow:none}.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__token{font-size:13px;display:flex;margin:2px 4px 2px 0;color:#32373c;overflow:hidden}.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:#d94f4f}.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:#555d66}.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:#11a0d2}body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#c8b03c}body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#a89d8a}body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#77a6b9}body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#c77430}body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#9fa47b}body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#d9ab59}body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text{color:#c75726}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#555d66;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:#d94f4f;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:#23282d}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-icon-button,.components-form-token-field__token-text{display:inline-block;line-height:24px;background:#e2e4e7;transition:all .2s cubic-bezier(.4,1,.4,1)}.components-form-token-field__token-text{border-radius:12px 0 0 12px;padding:0 4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-form-token-field__remove-token.components-icon-button{cursor:pointer;border-radius:0 12px 12px 0;padding:0 2px;color:#555d66;line-height:10px;overflow:initial}.components-form-token-field__remove-token.components-icon-button:hover{color:#32373c}.components-form-token-field__suggestions-list{flex:1 0 100%;min-width:100%;max-height:9em;overflow-y:scroll;transition:all .15s ease-in-out;list-style:none;border-top:1px solid #6c7781;margin:4px -4px -4px;padding-top:3px}.components-form-token-field__suggestion{color:#555d66;display:block;font-size:13px;padding:4px 8px;cursor:pointer}.components-form-token-field__suggestion.is-selected{background:#0071a1;color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}.components-navigate-regions.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;animation:editor-animation__region-focus .2s ease-out;animation-fill-mode:forwards}@keyframes editor-animation__region-focus{0%{box-shadow:inset 0 0 0 0 #33b3db}to{box-shadow:inset 0 0 0 4px #33b3db}}.components-icon-button{display:flex;align-items:center;padding:8px;margin:0;border:none;background:none;color:#555d66;position:relative;overflow:hidden;border-radius:4px}.components-icon-button .dashicon{display:inline-block;flex:0 0 auto}.components-icon-button svg{fill:currentColor;outline:none}.components-icon-button svg:not:only-child{margin-right:4px}.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2)}.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):active{outline:none;background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #ccd0d4,inset 0 0 0 2px #fff}.components-icon-button:disabled:focus,.components-icon-button[aria-disabled=true]:focus{box-shadow:none}.components-menu-group{width:100%;padding:7px}.components-menu-group__label{margin-bottom:8px;color:#6c7781}.components-menu-item__button,.components-menu-item__button.components-icon-button{width:100%;padding:8px;text-align:left;color:#40464d}.components-menu-item__button.components-icon-button .components-menu-items__item-icon,.components-menu-item__button.components-icon-button .dashicon,.components-menu-item__button.components-icon-button>span>svg,.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button .dashicon,.components-menu-item__button>span>svg{margin-right:4px}.components-menu-item__button.components-icon-button .components-menu-items__item-icon,.components-menu-item__button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled=true]),.components-menu-item__button:hover:not(:disabled):not([aria-disabled=true]){color:#555d66}@media (min-width:782px){.components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled=true]),.components-menu-item__button:hover:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none}}.components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled=true]),.components-menu-item__button:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.components-menu-item__info-wrapper{display:flex;flex-direction:column}.components-menu-item__info{margin-top:4px;font-size:12px;opacity:.82}.components-menu-item__shortcut{align-self:center;opacity:.5;margin-right:0;margin-left:auto;padding-left:8px;display:none}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-modal__screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.4);z-index:100000;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}.components-modal__frame{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;margin:0;border:1px solid #e2e4e7;background:#fff;box-shadow:0 3px 30px rgba(25,30,35,.2);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:calc(100% - 112px);transform:translate(-50%,-50%);animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards}}@keyframes components-modal__appear-animation{0%{margin-top:32px}to{margin-top:0}}.components-modal__header{box-sizing:border-box;border-bottom:1px solid #e2e4e7;padding:0 16px;display:flex;flex-direction:row;justify-content:space-between;background:#fff;align-items:center;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:10;margin:0 -16px 16px}@supports (-ms-ime-align:auto){.components-modal__header{position:fixed;width:100%}}.components-modal__header .components-modal__header-heading{font-size:1em;font-weight:400}.components-modal__header h1{line-height:1;margin:0}.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 16px 16px}@supports (-ms-ime-align:auto){.components-modal__content{padding-top:56px}}.components-notice{background-color:#e5f5fa;border-left:4px solid #00a0d2;margin:5px 15px 2px;padding:8px 12px}.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:#d94f4f;background-color:#f9e2e2}.components-notice__content{margin:1em 0}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-left:4px}.components-notice__dismiss{position:absolute;top:0;right:0;color:#6c7781}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:#d94f4f;background-color:transparent}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{box-shadow:none}.components-notice-list{min-width:300px;z-index:9989}.components-panel{background:#fff;border:1px solid #e2e4e7}.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 #e2e4e7;border-bottom:1px solid #e2e4e7}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__body>.components-icon-button{color:#191e23}.components-panel__header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:50px;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}.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}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover,.edit-post-last-revision__panel>.components-icon-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{background:#f8f9f9}.components-panel__body-toggle.components-button{position:relative;padding:15px;outline:none;width:100%;font-weight:600;text-align:left;color:#191e23;border:none;box-shadow:none;transition:background .1s ease-in-out}.components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.components-panel__body-toggle.components-button .components-panel__arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#191e23;fill:currentColor;transition:color .1s ease-in-out}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{transform:scaleX(-1);-ms-filter:fliph;-webkit-filter:FlipH;filter:FlipH;margin-top:-10px}.components-panel__icon{color:#555d66;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:20px}.components-panel__row select{min-width:0}.components-panel__row label{margin-right:10px;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{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;width:100%;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;background:rgba(139,139,150,.1)}.is-dark-theme .components-placeholder{background:hsla(0,0%,100%,.15)}.components-placeholder__label{display:flex;justify-content:center;font-weight:600;margin-bottom:1em}.components-placeholder__label .dashicon,.components-placeholder__label .editor-block-icon{margin-right:1ch}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;justify-content:center;width:100%;max-width:400px;flex-wrap:wrap;z-index:1}.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__input{margin-right:8px;flex:1 1 auto}.components-placeholder__instructions{margin-bottom:1em} -.components-autocomplete__popover .components-autocomplete__results { - padding: 3px; - display: flex; - flex-direction: column; - align-items: stretch; } - .components-autocomplete__popover .components-autocomplete__results:empty { - display: none; } +/*!rtl:begin:ignore*/.components-popover{position:fixed;z-index:1000000;left:50%}.components-popover.is-mobile{top:0;left:0;right:0;bottom:0}.components-popover:not(.is-without-arrow):not(.is-mobile){margin-left:2px}.components-popover:not(.is-without-arrow):not(.is-mobile):before{border:8px solid #e2e4e7}.components-popover:not(.is-without-arrow):not(.is-mobile):after{border:8px solid #fff}.components-popover:not(.is-without-arrow):not(.is-mobile):after,.components-popover:not(.is-without-arrow):not(.is-mobile):before{content:"";position:absolute;height:0;width:0;line-height:0}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top{margin-top:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top:before{bottom:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top:after{bottom:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-top:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-bottom{margin-top:8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom:before{top:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom:after{top:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-middle.is-left{margin-left:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:before{right:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:after{right:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right{margin-left:8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:before{left:-8px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:after{left:-6px}.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:after,.components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.components-popover:not(.is-mobile).is-top{bottom:100%}.components-popover:not(.is-mobile).is-bottom{top:100%;z-index:99990}.components-popover:not(.is-mobile).is-middle{align-items:center;display:flex}.components-popover__content{box-shadow:0 3px 30px rgba(25,30,35,.1);border:1px solid #e2e4e7;background:#fff;height:100%}.components-popover.is-mobile .components-popover__content{height:calc(100% - 50px);border-top:0}.components-popover:not(.is-mobile) .components-popover__content{position:absolute;height:auto;overflow-y:auto;min-width:260px}.components-popover:not(.is-mobile).is-top .components-popover__content{bottom:100%}.components-popover:not(.is-mobile).is-center .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover:not(.is-mobile).is-right .components-popover__content{position:absolute;left:100%}.components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content{margin-left:-24px}.components-popover:not(.is-mobile).is-left .components-popover__content{position:absolute;right:100%}.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{margin-right:-24px}.components-popover__content>div{height:100%}.components-popover__header{align-items:center;background:#fff;border:1px solid #e2e4e7;display:flex;height:50px;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-icon-button{z-index:5} -.components-autocomplete__result.components-button { - margin-bottom: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - color: #555d66; - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 0; - align-items: center; - padding: 6px; - text-align: left; } - .components-autocomplete__result.components-button.is-selected { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-autocomplete__result.components-button:hover { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); } +/*!rtl:end:ignore*/.components-radio-control{display:flex;flex-direction:column}.components-radio-control__option:not(:last-child){margin-bottom:4px}.components-radio-control__input[type=radio]{margin-top:0;margin-right:6px}.components-range-control .components-base-control__field{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.components-range-control .dashicon{flex-shrink:0;margin-right:10px}.components-range-control .components-base-control__label{width:100%}.components-range-control .components-range-control__slider{margin-left:0;flex:1}.components-range-control__slider{width:100%;margin-left:8px;padding:0;-webkit-appearance:none;background:transparent}.components-range-control__slider::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;border:4px solid transparent;background-clip:padding-box;box-sizing:border-box;margin-top:-7px}.components-range-control__slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;border:4px solid transparent;background-clip:padding-box;box-sizing:border-box}.components-range-control__slider::-ms-thumb{height:18px;width:18px;border-radius:50%;cursor:pointer;background:#555d66;background-clip:padding-box;box-sizing:border-box;margin-top:0;height:14px;width:14px;border:2px solid transparent}.components-range-control__slider:focus{outline:none}.components-range-control__slider:focus::-webkit-slider-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider:focus::-moz-range-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider:focus::-ms-thumb{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-range-control__slider::-webkit-slider-runnable-track{height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px;margin-top:-4px}.components-range-control__slider::-moz-range-track{height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px}.components-range-control__slider::-ms-track{margin-top:-4px;background:transparent;border-color:transparent;color:transparent;height:3px;cursor:pointer;background:#e2e4e7;border-radius:1.5px}.components-range-control__number{display:inline-block;margin-left:8px;font-weight:500;width:50px;padding:3px 5px!important}.components-resizable-box__handle{display:none;width:24px;height:24px;padding:4px}.components-resizable-box__container.is-selected .components-resizable-box__handle{display:block}.components-resizable-box__handle:before{display:block;content:"";width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#0085ba;cursor:inherit}body.admin-color-sunrise .components-resizable-box__handle:before{background:#d1864a}body.admin-color-ocean .components-resizable-box__handle:before{background:#a3b9a2}body.admin-color-midnight .components-resizable-box__handle:before{background:#e14d43}body.admin-color-ectoplasm .components-resizable-box__handle:before{background:#a7b656}body.admin-color-coffee .components-resizable-box__handle:before{background:#c2a68c}body.admin-color-blue .components-resizable-box__handle:before{background:#82b4cb}body.admin-color-light .components-resizable-box__handle:before{background:#0085ba} -.components-base-control { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; } - .components-base-control .components-base-control__field { - margin-bottom: 8px; } - .components-panel__row .components-base-control .components-base-control__field { - margin-bottom: inherit; } - .components-base-control .components-base-control__label { - display: block; - margin-bottom: 4px; } - .components-base-control .components-base-control__help { - margin-top: -8px; - font-style: italic; - margin-bottom: 0; } +/*!rtl:begin:ignore*/.components-resizable-box__handle-right{top:calc(50% - 12px);right:-12px}.components-resizable-box__handle-bottom{bottom:-12px;left:calc(50% - 12px)}.components-resizable-box__handle-left{top:calc(50% - 12px);left:-12px} -.components-button-group { - display: inline-block; } - .components-button-group .components-button.is-button { - border-radius: 0; } - .components-button-group .components-button.is-button + .components-button.is-button { - margin-left: -1px; } - .components-button-group .components-button.is-button:first-child { - border-radius: 3px 0 0 3px; } - .components-button-group .components-button.is-button:last-child { - border-radius: 0 3px 3px 0; } - .components-button-group .components-button.is-button:focus, .components-button-group .components-button.is-button.is-primary { - position: relative; - z-index: 1; } - .components-button-group .components-button.is-button.is-primary { - box-shadow: none; } - -.components-button { - display: inline-flex; - text-decoration: none; - font-size: 13px; - margin: 0; - border: 0; - cursor: pointer; - -webkit-appearance: none; - background: none; - /* Buttons that look like links, for a cross of good semantics with the visual */ - /* Link buttons that are red to indicate destructive behavior. */ } - .components-button.is-button { - padding: 0 10px 1px; - line-height: 26px; - height: 28px; - border-radius: 3px; - white-space: nowrap; - border-width: 1px; - border-style: solid; } - .components-button.is-default { - color: #555; - border-color: #ccc; - background: #f7f7f7; - box-shadow: inset 0 -1px 0 #ccc; - vertical-align: top; } - .components-button.is-default:hover { - background: #fafafa; - border-color: #999; - box-shadow: inset 0 -1px 0 #999; - color: #23282d; - text-decoration: none; } - .components-button.is-default:focus:enabled { - background: #fafafa; - color: #23282d; - border-color: #999; - box-shadow: inset 0 -1px 0 #999, 0 0 0 2px #bfe7f3; - text-decoration: none; } - .components-button.is-default:active:enabled { - background: #eee; - border-color: #999; - box-shadow: inset 0 1px 0 #999; } - .components-button.is-default:disabled, .components-button.is-default[aria-disabled="true"] { - color: #a0a5aa; - border-color: #ddd; - background: #f7f7f7; - box-shadow: none; - text-shadow: 0 1px 0 #fff; - transform: none; } - .components-button.is-primary { - background: rgb(0, 133, 186); - border-color: rgb(0, 106, 149) rgb(0, 100, 140) rgb(0, 100, 140); - box-shadow: inset 0 -1px 0 rgb(0, 100, 140); - color: #fff; - text-decoration: none; - text-shadow: 0 -1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130); } - body.admin-color-sunrise .components-button.is-primary { - background: rgb(209, 134, 74); - border-color: rgb(167, 107, 59) rgb(157, 101, 56) rgb(157, 101, 56); - box-shadow: inset 0 -1px 0 rgb(157, 101, 56); - text-shadow: 0 -1px 1px rgb(146, 94, 52), 1px 0 1px rgb(146, 94, 52), 0 1px 1px rgb(146, 94, 52), -1px 0 1px rgb(146, 94, 52); } - body.admin-color-ocean .components-button.is-primary { - background: rgb(163, 185, 162); - border-color: rgb(130, 148, 130) rgb(122, 139, 122) rgb(122, 139, 122); - box-shadow: inset 0 -1px 0 rgb(122, 139, 122); - text-shadow: 0 -1px 1px rgb(114, 130, 113), 1px 0 1px rgb(114, 130, 113), 0 1px 1px rgb(114, 130, 113), -1px 0 1px rgb(114, 130, 113); } - body.admin-color-midnight .components-button.is-primary { - background: rgb(225, 77, 67); - border-color: rgb(180, 62, 54) rgb(169, 58, 50) rgb(169, 58, 50); - box-shadow: inset 0 -1px 0 rgb(169, 58, 50); - text-shadow: 0 -1px 1px rgb(158, 54, 47), 1px 0 1px rgb(158, 54, 47), 0 1px 1px rgb(158, 54, 47), -1px 0 1px rgb(158, 54, 47); } - body.admin-color-ectoplasm .components-button.is-primary { - background: rgb(167, 182, 86); - border-color: rgb(134, 146, 69) rgb(125, 137, 65) rgb(125, 137, 65); - box-shadow: inset 0 -1px 0 rgb(125, 137, 65); - text-shadow: 0 -1px 1px rgb(117, 127, 60), 1px 0 1px rgb(117, 127, 60), 0 1px 1px rgb(117, 127, 60), -1px 0 1px rgb(117, 127, 60); } - body.admin-color-coffee .components-button.is-primary { - background: rgb(194, 166, 140); - border-color: rgb(155, 133, 112) rgb(146, 125, 105) rgb(146, 125, 105); - box-shadow: inset 0 -1px 0 rgb(146, 125, 105); - text-shadow: 0 -1px 1px rgb(136, 116, 98), 1px 0 1px rgb(136, 116, 98), 0 1px 1px rgb(136, 116, 98), -1px 0 1px rgb(136, 116, 98); } - body.admin-color-blue .components-button.is-primary { - background: rgb(217, 171, 89); - border-color: rgb(174, 137, 71) rgb(163, 128, 67) rgb(163, 128, 67); - box-shadow: inset 0 -1px 0 rgb(163, 128, 67); - text-shadow: 0 -1px 1px rgb(152, 120, 62), 1px 0 1px rgb(152, 120, 62), 0 1px 1px rgb(152, 120, 62), -1px 0 1px rgb(152, 120, 62); } - body.admin-color-light .components-button.is-primary { - background: rgb(0, 133, 186); - border-color: rgb(0, 106, 149) rgb(0, 100, 140) rgb(0, 100, 140); - box-shadow: inset 0 -1px 0 rgb(0, 100, 140); - text-shadow: 0 -1px 1px rgb(0, 93, 130), 1px 0 1px rgb(0, 93, 130), 0 1px 1px rgb(0, 93, 130), -1px 0 1px rgb(0, 93, 130); } - .components-button.is-primary:hover, .components-button.is-primary:focus:enabled { - background: rgb(0, 126, 177); - border-color: rgb(0, 67, 93); - color: #fff; } - body.admin-color-sunrise .components-button.is-primary:hover, body.admin-color-sunrise .components-button.is-primary:focus:enabled { - background: rgb(199, 127, 70); - border-color: rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary:hover, body.admin-color-ocean .components-button.is-primary:focus:enabled { - background: rgb(155, 176, 154); - border-color: rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary:hover, body.admin-color-midnight .components-button.is-primary:focus:enabled { - background: rgb(214, 73, 64); - border-color: rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary:hover, body.admin-color-ectoplasm .components-button.is-primary:focus:enabled { - background: rgb(159, 173, 82); - border-color: rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary:hover, body.admin-color-coffee .components-button.is-primary:focus:enabled { - background: rgb(184, 158, 133); - border-color: rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary:hover, body.admin-color-blue .components-button.is-primary:focus:enabled { - background: rgb(206, 162, 85); - border-color: rgb(109, 86, 45); } - body.admin-color-light .components-button.is-primary:hover, body.admin-color-light .components-button.is-primary:focus:enabled { - background: rgb(0, 126, 177); - border-color: rgb(0, 67, 93); } - .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93); } - body.admin-color-sunrise .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(109, 86, 45); } - body.admin-color-light .components-button.is-primary:hover { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93); } - .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93), 0 0 0 2px #bfe7f3; } - body.admin-color-sunrise .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(105, 67, 37), 0 0 0 2px #bfe7f3; } - body.admin-color-ocean .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(82, 93, 81), 0 0 0 2px #bfe7f3; } - body.admin-color-midnight .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(113, 39, 34), 0 0 0 2px #bfe7f3; } - body.admin-color-ectoplasm .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(84, 91, 43), 0 0 0 2px #bfe7f3; } - body.admin-color-coffee .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(97, 83, 70), 0 0 0 2px #bfe7f3; } - body.admin-color-blue .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(109, 86, 45), 0 0 0 2px #bfe7f3; } - body.admin-color-light .components-button.is-primary:focus:enabled { - box-shadow: inset 0 -1px 0 rgb(0, 67, 93), 0 0 0 2px #bfe7f3; } - .components-button.is-primary:active:enabled { - background: rgb(0, 106, 149); - border-color: rgb(0, 67, 93); - box-shadow: inset 0 1px 0 rgb(0, 67, 93); - vertical-align: top; } - body.admin-color-sunrise .components-button.is-primary:active:enabled { - background: rgb(167, 107, 59); - border-color: rgb(105, 67, 37); - box-shadow: inset 0 1px 0 rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary:active:enabled { - background: rgb(130, 148, 130); - border-color: rgb(82, 93, 81); - box-shadow: inset 0 1px 0 rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary:active:enabled { - background: rgb(180, 62, 54); - border-color: rgb(113, 39, 34); - box-shadow: inset 0 1px 0 rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary:active:enabled { - background: rgb(134, 146, 69); - border-color: rgb(84, 91, 43); - box-shadow: inset 0 1px 0 rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary:active:enabled { - background: rgb(155, 133, 112); - border-color: rgb(97, 83, 70); - box-shadow: inset 0 1px 0 rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary:active:enabled { - background: rgb(174, 137, 71); - border-color: rgb(109, 86, 45); - box-shadow: inset 0 1px 0 rgb(109, 86, 45); } - body.admin-color-light .components-button.is-primary:active:enabled { - background: rgb(0, 106, 149); - border-color: rgb(0, 67, 93); - box-shadow: inset 0 1px 0 rgb(0, 67, 93); } - .components-button.is-primary:disabled, .components-button.is-primary[aria-disabled="true"] { - color: rgb(77, 170, 207); - background: rgb(0, 93, 130); - border-color: rgb(0, 106, 149); - box-shadow: none; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); } - body.admin-color-sunrise .components-button.is-primary:disabled, body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"] { - color: rgb(223, 170, 128); - background: rgb(146, 94, 52); - border-color: rgb(167, 107, 59); } - body.admin-color-ocean .components-button.is-primary:disabled, body.admin-color-ocean .components-button.is-primary[aria-disabled="true"] { - color: rgb(191, 206, 190); - background: rgb(114, 130, 113); - border-color: rgb(130, 148, 130); } - body.admin-color-midnight .components-button.is-primary:disabled, body.admin-color-midnight .components-button.is-primary[aria-disabled="true"] { - color: rgb(234, 130, 123); - background: rgb(158, 54, 47); - border-color: rgb(180, 62, 54); } - body.admin-color-ectoplasm .components-button.is-primary:disabled, body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"] { - color: rgb(193, 204, 137); - background: rgb(117, 127, 60); - border-color: rgb(134, 146, 69); } - body.admin-color-coffee .components-button.is-primary:disabled, body.admin-color-coffee .components-button.is-primary[aria-disabled="true"] { - color: rgb(212, 193, 175); - background: rgb(136, 116, 98); - border-color: rgb(155, 133, 112); } - body.admin-color-blue .components-button.is-primary:disabled, body.admin-color-blue .components-button.is-primary[aria-disabled="true"] { - color: rgb(228, 196, 139); - background: rgb(152, 120, 62); - border-color: rgb(174, 137, 71); } - body.admin-color-light .components-button.is-primary:disabled, body.admin-color-light .components-button.is-primary[aria-disabled="true"] { - color: rgb(77, 170, 207); - background: rgb(0, 93, 130); - border-color: rgb(0, 106, 149); } - .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, #0085ba 28%, rgb(0, 93, 130) 28%, rgb(0, 93, 130) 72%, #0085ba 72%); - /* stylelint-enable */ - border-color: rgb(0, 67, 93); } - body.admin-color-sunrise .components-button.is-primary.is-busy, body.admin-color-sunrise .components-button.is-primary.is-busy:disabled, body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #d1864a 28%, rgb(146, 94, 52) 28%, rgb(146, 94, 52) 72%, #d1864a 72%); - border-color: rgb(105, 67, 37); } - body.admin-color-ocean .components-button.is-primary.is-busy, body.admin-color-ocean .components-button.is-primary.is-busy:disabled, body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #a3b9a2 28%, rgb(114, 130, 113) 28%, rgb(114, 130, 113) 72%, #a3b9a2 72%); - border-color: rgb(82, 93, 81); } - body.admin-color-midnight .components-button.is-primary.is-busy, body.admin-color-midnight .components-button.is-primary.is-busy:disabled, body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #e14d43 28%, rgb(158, 54, 47) 28%, rgb(158, 54, 47) 72%, #e14d43 72%); - border-color: rgb(113, 39, 34); } - body.admin-color-ectoplasm .components-button.is-primary.is-busy, body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled, body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #a7b656 28%, rgb(117, 127, 60) 28%, rgb(117, 127, 60) 72%, #a7b656 72%); - border-color: rgb(84, 91, 43); } - body.admin-color-coffee .components-button.is-primary.is-busy, body.admin-color-coffee .components-button.is-primary.is-busy:disabled, body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #c2a68c 28%, rgb(136, 116, 98) 28%, rgb(136, 116, 98) 72%, #c2a68c 72%); - border-color: rgb(97, 83, 70); } - body.admin-color-blue .components-button.is-primary.is-busy, body.admin-color-blue .components-button.is-primary.is-busy:disabled, body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #82b4cb 28%, rgb(91, 126, 142) 28%, rgb(91, 126, 142) 72%, #82b4cb 72%); - border-color: rgb(65, 90, 102); } - body.admin-color-light .components-button.is-primary.is-busy, body.admin-color-light .components-button.is-primary.is-busy:disabled, body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] { - background-image: linear-gradient(-45deg, #0085ba 28%, rgb(0, 93, 130) 28%, rgb(0, 93, 130) 72%, #0085ba 72%); - border-color: rgb(0, 67, 93); } - .components-button.is-link { - margin: 0; - padding: 0; - box-shadow: none; - border: 0; - border-radius: 0; - background: none; - outline: none; - text-align: left; - /* Mimics the default link style in common.css */ - color: #0073aa; - text-decoration: underline; - transition-property: border, background, color; - transition-duration: 0.05s; - transition-timing-function: ease-in-out; } - .components-button.is-link:hover, .components-button.is-link:active { - color: #00a0d2; } - .components-button.is-link:focus { - color: #124964; - box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8); } - .components-button.is-link.is-destructive { - color: #d94f4f; } - .components-button:active { - color: currentColor; } - .components-button:disabled, .components-button[aria-disabled="true"] { - cursor: default; - opacity: 0.3; } - .components-button:focus:enabled { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-button.is-busy { - animation: components-button__busy-animation 2500ms infinite linear; - background-size: 100px 100%; - background-image: repeating-linear-gradient(-45deg, #e2e4e7, #fff 11px, #fff 10px, #e2e4e7 20px); - opacity: 1; } - .components-button.is-large { - height: 30px; - line-height: 28px; - padding: 0 12px 2px; } - .components-button.is-small { - height: 24px; - line-height: 22px; - padding: 0 8px 1px; - font-size: 11px; } - .components-button.is-tertiary { - color: #007cba; - padding: 0 10px; - line-height: 26px; - height: 28px; } - body.admin-color-sunrise .components-button.is-tertiary { - color: #837425; } - body.admin-color-ocean .components-button.is-tertiary { - color: #5e7d5e; } - body.admin-color-midnight .components-button.is-tertiary { - color: #497b8d; } - body.admin-color-ectoplasm .components-button.is-tertiary { - color: #523f6d; } - body.admin-color-coffee .components-button.is-tertiary { - color: #59524c; } - body.admin-color-blue .components-button.is-tertiary { - color: #417e9B; } - body.admin-color-light .components-button.is-tertiary { - color: #007cba; } - .components-button.is-tertiary .dashicon { - display: inline-block; - flex: 0 0 auto; } - .components-button.is-tertiary svg { - fill: currentColor; - outline: none; } - .components-button.is-tertiary:active:focus:enabled { - box-shadow: none; } - .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(0, 93, 140); } - body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(98, 87, 28); } - body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(71, 94, 71); } - body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(55, 92, 106); } - body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(62, 47, 82); } - body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(67, 62, 57); } - body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(49, 95, 116); } - body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: rgb(0, 93, 140); } - -@keyframes components-button__busy-animation { - 0% { - background-position: 200px 0; } } - -.components-checkbox-control__input[type="checkbox"] { - margin-top: 0; } - -.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; } - -.components-color-palette { - margin-right: -14px; } - .components-color-palette .components-color-palette__clear { - float: right; - margin-right: 20px; } - -.components-color-palette__item-wrapper { - display: inline-block; - height: 28px; - width: 28px; - margin-right: 14px; - margin-bottom: 14px; - vertical-align: top; - transform: scale(1); - transition: 100ms transform ease; } - .components-color-palette__item-wrapper:hover { - transform: scale(1.2); } - .components-color-palette__item-wrapper > div { - height: 100%; - width: 100%; } - -.components-color-palette__item { - 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; } - .components-color-palette__item.is-active { - box-shadow: inset 0 0 0 4px; } - .components-color-palette__item::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - border-radius: 50%; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } - .components-color-palette__item:focus { - outline: none; } - .components-color-palette__item:focus::after { - content: ""; - border: 1px solid #606a73; - width: 32px; - height: 32px; - position: absolute; - top: -2px; - left: -2px; - border-radius: 50%; } - -.components-color-palette__clear-color .components-color-palette__item { - color: #fff; - background: #fff; } - -.components-color-palette__clear-color-line { - display: block; - position: absolute; - border: 2px solid #d94f4f; - border-radius: 50%; - top: 0; - left: 0; - bottom: 0; - right: 0; } - .components-color-palette__clear-color-line::before { - position: absolute; - top: 0; - left: 0; - content: ""; - width: 100%; - height: 100%; - border-bottom: 2px solid #d94f4f; - transform: rotate(45deg) translateY(-13px) translateX(-1px); } - -.components-color-palette__custom-color .components-color-palette__item { - position: relative; - box-shadow: none; } - -.components-color-palette__custom-color .components-color-palette__custom-color-gradient { - display: block; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border-radius: 50%; - overflow: hidden; } - -.components-color-palette__custom-color .components-color-palette__custom-color-gradient::before { - content: ""; - -webkit-filter: blur(6px) saturate(0.7) brightness(1.1); - filter: blur(6px) saturate(0.7) brightness(1.1); - display: block; - width: 200%; - height: 200%; - position: absolute; - top: -50%; - left: -50%; - padding-top: 100%; - transform: scale(1); - background-image: linear-gradient(330deg, transparent 50%, #ff8100 50%), linear-gradient(300deg, transparent 50%, #ff5800 50%), linear-gradient(270deg, transparent 50%, #c92323 50%), linear-gradient(240deg, transparent 50%, #cc42a2 50%), linear-gradient(210deg, transparent 50%, #9f49ac 50%), linear-gradient(180deg, transparent 50%, #306cd3 50%), linear-gradient(150deg, transparent 50%, #179067 50%), linear-gradient(120deg, transparent 50%, #0eb5d6 50%), linear-gradient(90deg, transparent 50%, #50b517 50%), linear-gradient(60deg, transparent 50%, #ede604 50%), linear-gradient(30deg, transparent 50%, #fc0 50%), linear-gradient(0deg, transparent 50%, #feac00 50%); - background-clip: content-box, content-box, content-box, content-box, content-box, content-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box; } - -.block-editor__container .components-popover.components-color-palette__picker.is-bottom { - z-index: 100001; } - -/** - * 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%; - overflow: hidden; } - -.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: hidden; } - -.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-color-picker__saturation-pointer { - width: 8px; - height: 8px; - box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); - border-radius: 50%; - background-color: transparent; - transform: translate(-4px, -4px); } - -/* 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 { - 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; } - -.components-color-picker__saturation-pointer:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, 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: #00a0d2; - box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2; - 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; } - .components-color-picker__inputs-wrapper fieldset { - flex: 1; } - -.components-color-picker__inputs-fields { - display: flex; } - .components-color-picker__inputs-fields .components-base-control__field { - margin: 0 4px; } - -svg.dashicon { - fill: currentColor; - outline: none; } - -/*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; - -moz-user-select: none; - -ms-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: 9px; } - -.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; - -moz-user-select: none; - -ms-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, 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: 9px; } - -.DayPicker_weekHeader { - color: #757575; - position: absolute; - top: 62px; - z-index: 2; - text-align: left; } - -.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; } - -.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-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: .2px; - padding: 7px 7px 5px; } - -.DateInput_input__regular { - font-weight: auto; } - -.DateInput_input__readOnly { - -webkit-user-select: none; - -moz-user-select: none; - -ms-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 .components-datetime__calendar-help { - padding: 8px; } - .components-datetime .components-datetime__calendar-help h4 { - margin: 0; } - -.components-datetime .components-datetime__date-help-button { - display: block; - margin-left: auto; - margin-right: 8px; - margin-top: 0.5em; } - -.components-datetime__date { - min-height: 236px; - border-top: 1px solid #e2e4e7; - margin-left: -8px; - margin-right: -8px; } - .components-datetime__date .CalendarMonth_caption { - font-size: 13px; } - .components-datetime__date .CalendarDay { - font-size: 13px; - border: 1px solid transparent; - border-radius: 50%; - text-align: center; } - .components-datetime__date .CalendarDay__selected { - background: #0085ba; } - body.admin-color-sunrise .components-datetime__date .CalendarDay__selected { - background: #d1864a; } - body.admin-color-ocean .components-datetime__date .CalendarDay__selected { - background: #a3b9a2; } - body.admin-color-midnight .components-datetime__date .CalendarDay__selected { - background: #e14d43; } - body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected { - background: #a7b656; } - body.admin-color-coffee .components-datetime__date .CalendarDay__selected { - background: #c2a68c; } - body.admin-color-blue .components-datetime__date .CalendarDay__selected { - background: #82b4cb; } - body.admin-color-light .components-datetime__date .CalendarDay__selected { - background: #0085ba; } - .components-datetime__date .CalendarDay__selected:hover { - background: rgb(0, 113, 158); } - body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover { - background: rgb(178, 114, 63); } - body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover { - background: rgb(139, 157, 138); } - body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover { - background: rgb(191, 65, 57); } - body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover { - background: rgb(142, 155, 73); } - body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover { - background: rgb(165, 141, 119); } - body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover { - background: rgb(111, 153, 173); } - body.admin-color-light .components-datetime__date .CalendarDay__selected:hover { - background: rgb(0, 113, 158); } - .components-datetime__date .DayPickerNavigation_button__horizontalDefault { - padding: 2px 8px; - top: 20px; } - .components-datetime__date .DayPicker_weekHeader { - top: 50px; } - .components-datetime__date.is-description-visible .DayPicker, - .components-datetime__date.is-description-visible .components-datetime__date-help-button { - visibility: hidden; } - -.components-datetime__time { - margin-bottom: 1em; } - .components-datetime__time fieldset { - margin-top: 0.5em; - position: relative; } - .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; - color: #555d66; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button { - margin-left: 8px; - margin-right: -1px; - border-radius: 3px 0 0 3px; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button { - margin-left: -1px; - border-radius: 0 3px 3px 0; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-toggled, - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-toggled { - background: #edeff0; - border-color: #8f98a1; - box-shadow: inset 0 2px 5px -3px #555d66; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field { - align-self: center; - flex: 0 1 auto; - order: 1; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button { - font-size: 11px; - font-weight: 600; } - .components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { - padding: 2px; - 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; - width: 40px; - 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: 0 -4px 0 0 !important; - border-radius: 4px 0 0 4px !important; } - .components-datetime__time.is-12-hour .components-datetime__time-field-year input { - border-radius: 0 4px 4px 0 !important; } - .components-datetime__time.is-24-hour .components-datetime__time-field-day { - order: 0 !important; } - -.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 { - width: 90px; } - -.components-popover .components-datetime__date { - padding-left: 6px; } - -.components-popover.edit-post-post-schedule__dialog.is-bottom.is-left { - z-index: 100000; } - -.components-disabled { - position: relative; - pointer-events: none; } - .components-disabled::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; } - .components-disabled * { - pointer-events: none; } - -body.is-dragging-components-draggable { - cursor: move; - /* Fallback for IE/Edge < 14 */ - cursor: -webkit-grabbing !important; - cursor: grabbing !important; } - -.components-draggable__invisible-drag-image { - position: fixed; - left: -1000px; - height: 50px; - width: 50px; } - -.components-draggable__clone { - position: fixed; - padding: 20px; - background: transparent; - pointer-events: none; - z-index: 1000000000; - opacity: 0.8; } - -.components-drop-zone { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 100; - visibility: hidden; - opacity: 0; - transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; - border: 2px solid #0071a1; - border-radius: 2px; } - .components-drop-zone.is-active { - opacity: 1; - visibility: visible; - transition: 0.3s opacity, 0.3s background-color; } - .components-drop-zone.is-dragging-over-element { - background-color: rgba(0, 113, 161, 0.8); } - -.components-drop-zone__content { - position: absolute; - top: 50%; - left: 0; - right: 0; - z-index: 110; - transform: translateY(-50%); - width: 100%; - text-align: center; - color: #fff; - transition: transform 0.2s ease-in-out; } - -.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; } - -.components-drop-zone__content-text { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - -.components-drop-zone__provider { - height: 100%; } - -.components-dropdown-menu { - padding: 3px; - display: flex; } - .components-dropdown-menu .components-dropdown-menu__toggle { - width: auto; - margin: 0; - padding: 4px; - border: 1px solid transparent; - display: flex; - flex-direction: row; } - .components-dropdown-menu .components-dropdown-menu__toggle.is-active, .components-dropdown-menu .components-dropdown-menu__toggle.is-active:hover { - box-shadow: none; - background-color: #555d66; - color: #fff; } - .components-dropdown-menu .components-dropdown-menu__toggle:focus::before { - top: -3px; - right: -3px; - bottom: -3px; - left: -3px; } - .components-dropdown-menu .components-dropdown-menu__toggle:hover, .components-dropdown-menu .components-dropdown-menu__toggle:focus, .components-dropdown-menu .components-dropdown-menu__toggle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - color: #555d66; - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; } - .components-dropdown-menu .components-dropdown-menu__toggle .components-dropdown-menu__indicator::after { - content: ""; - pointer-events: none; - display: block; - width: 0; - height: 0; - border-left: 3px solid transparent; - border-right: 3px solid transparent; - border-top: 5px solid currentColor; - margin-left: 4px; - margin-right: 2px; } - -.components-dropdown-menu__popover .components-popover__content { - width: 200px; } - -.components-dropdown-menu__menu { - width: 100%; - padding: 9px; - 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 { - width: 100%; - padding: 6px; - outline: none; - cursor: pointer; - margin-bottom: 4px; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator { - margin-top: 6px; - position: relative; - overflow: visible; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before { - display: block; - content: ""; - box-sizing: content-box; - background-color: #e2e4e7; - position: absolute; - top: -3px; - left: 0; - right: 0; - height: 1px; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-default) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg { - border-radius: 4px; - padding: 2px; - width: 24px; - height: 24px; - margin: -1px 8px -1px 0; } - .components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg { - outline: none; - color: #fff; - box-shadow: none; - background: #555d66; } - -.components-external-link__icon { - width: 1.4em; - height: 1.4em; - margin: -0.2em 0.1em 0; - vertical-align: middle; } - -.components-font-size-picker__buttons { - display: flex; - justify-content: space-between; - align-items: center; } - .components-font-size-picker__buttons .components-range-control__number { - height: 24px; - line-height: 22px; } - .components-font-size-picker__buttons .components-range-control__number[value=""] + .components-button { - cursor: default; - opacity: 0.3; - pointer-events: none; } - -.components-font-size-picker__custom-input .components-range-control__slider + .dashicon { - width: 30px; - height: 30px; } - -.components-font-size-picker__dropdown-content .components-button { - display: block; - position: relative; - padding: 10px 20px 10px 40px; - width: 100%; - text-align: left; } - .components-font-size-picker__dropdown-content .components-button .dashicon { - position: absolute; - top: calc(50% - 10px); - left: 10px; } - -.components-font-size-picker__buttons .components-font-size-picker__selector { - border: 1px solid; - background: none; - position: relative; - width: 110px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; } - .components-font-size-picker__buttons .components-font-size-picker__selector:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-font-size-picker__buttons .components-font-size-picker__selector::after { - content: ""; - pointer-events: none; - display: block; - width: 0; - height: 0; - border-left: 3px solid transparent; - border-right: 3px solid transparent; - border-top: 5px solid currentColor; - margin-left: 4px; - margin-right: 2px; - right: 8px; - top: 12px; - position: absolute; } - -.components-form-file-upload .components-button.is-large { - padding-left: 6px; } - -.components-form-toggle { - position: relative; } - .components-form-toggle .components-form-toggle__on, - .components-form-toggle .components-form-toggle__off { - position: absolute; - top: 6px; } - .components-form-toggle .components-form-toggle__off { - color: #6c7781; - fill: currentColor; - right: 6px; } - .components-form-toggle .components-form-toggle__on { - left: 8px; } - .components-form-toggle .components-form-toggle__track { - content: ""; - display: inline-block; - vertical-align: top; - background-color: #fff; - border: 2px solid #6c7781; - width: 36px; - height: 18px; - border-radius: 9px; - transition: 0.2s background ease; } - .components-form-toggle .components-form-toggle__thumb { - display: block; - position: absolute; - top: 4px; - left: 4px; - width: 10px; - height: 10px; - border-radius: 50%; - transition: 0.1s transform ease; - background-color: #6c7781; - border: 5px solid #6c7781; } - .components-form-toggle:hover .components-form-toggle__track { - border: 2px solid #555d66; } - .components-form-toggle:hover .components-form-toggle__thumb { - background-color: #555d66; - border: 5px solid #6c7781; } - .components-form-toggle:hover .components-form-toggle__off { - color: #555d66; } - .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #11a0d2; - border: 2px solid #11a0d2; - border: 9px solid transparent; } - body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #c8b03c; - border: 2px solid #c8b03c; } - body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #a3b9a2; - border: 2px solid #a3b9a2; } - body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #77a6b9; - border: 2px solid #77a6b9; } - body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #a7b656; - border: 2px solid #a7b656; } - body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #c2a68c; - border: 2px solid #c2a68c; } - body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #82b4cb; - border: 2px solid #82b4cb; } - body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track { - background-color: #11a0d2; - border: 2px solid #11a0d2; } - .components-form-toggle__input:focus + .components-form-toggle__track { - box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781; - 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-checked::before { - background-color: #11a0d2; - border: 2px solid #11a0d2; } - body.admin-color-sunrise .components-form-toggle.is-checked::before { - background-color: #c8b03c; - border: 2px solid #c8b03c; } - body.admin-color-ocean .components-form-toggle.is-checked::before { - background-color: #a3b9a2; - border: 2px solid #a3b9a2; } - body.admin-color-midnight .components-form-toggle.is-checked::before { - background-color: #77a6b9; - border: 2px solid #77a6b9; } - body.admin-color-ectoplasm .components-form-toggle.is-checked::before { - background-color: #a7b656; - border: 2px solid #a7b656; } - body.admin-color-coffee .components-form-toggle.is-checked::before { - background-color: #c2a68c; - border: 2px solid #c2a68c; } - body.admin-color-blue .components-form-toggle.is-checked::before { - background-color: #82b4cb; - border: 2px solid #82b4cb; } - body.admin-color-light .components-form-toggle.is-checked::before { - background-color: #11a0d2; - border: 2px solid #11a0d2; } - .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-toggle .components-form-toggle__on { - outline: 1px solid transparent; - outline-offset: -1px; - border: 1px solid #000; - -webkit-filter: invert(100%) contrast(500%); - filter: invert(100%) contrast(500%); } - -@supports (-ms-high-contrast-adjust: auto) { - .components-form-toggle .components-form-toggle__on { - -webkit-filter: none; - filter: none; - border: 1px solid #fff; } } - -.components-form-token-field__input-container { - display: flex; - flex-wrap: wrap; - align-items: flex-start; - width: 100%; - margin: 0; - padding: 4px; - background-color: #fff; - border: 1px solid #ccd0d4; - color: #32373c; - cursor: text; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; } - .components-form-token-field__input-container.is-disabled { - background: #e2e4e7; - border-color: #ccd0d4; } - .components-form-token-field__input-container.is-active { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-form-token-field__input-container input[type="text"].components-form-token-field__input { - display: inline-block; - width: 100%; - max-width: 100%; - margin: 2px 0 2px 8px; - padding: 0; - min-height: 24px; - background: inherit; - border: 0; - font-size: 13px; - color: #23282d; - box-shadow: none; } - .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__token { - font-size: 13px; - display: flex; - margin: 2px 4px 2px 0; - color: #32373c; - overflow: hidden; } - .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: #d94f4f; } - .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: #555d66; } - .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: #11a0d2; } - body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #c8b03c; } - body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #a89d8a; } - body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #77a6b9; } - body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #c77430; } - body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #9fa47b; } - body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #d9ab59; } - body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text { - color: #c75726; } - .components-form-token-field__token.is-borderless .components-form-token-field__remove-token { - background: transparent; - color: #555d66; - 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: #d94f4f; - 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: #23282d; } - .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-icon-button { - display: inline-block; - line-height: 24px; - background: #e2e4e7; - transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } - -.components-form-token-field__token-text { - border-radius: 12px 0 0 12px; - padding: 0 4px 0 8px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - -.components-form-token-field__remove-token.components-icon-button { - cursor: pointer; - border-radius: 0 12px 12px 0; - padding: 0 2px; - color: #555d66; - line-height: 10px; - overflow: initial; } - .components-form-token-field__remove-token.components-icon-button:hover { - color: #32373c; } - -.components-form-token-field__suggestions-list { - flex: 1 0 100%; - min-width: 100%; - max-height: 9em; - overflow-y: scroll; - transition: all 0.15s ease-in-out; - list-style: none; - border-top: 1px solid #6c7781; - margin: 4px -4px -4px; - padding-top: 3px; } - -.components-form-token-field__suggestion { - color: #555d66; - display: block; - font-size: 13px; - padding: 4px 8px; - cursor: pointer; } - .components-form-token-field__suggestion.is-selected { - background: #0071a1; - color: #fff; } - -.components-form-token-field__suggestion-match { - text-decoration: underline; } - -.components-navigate-regions.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; - animation: editor-animation__region-focus 0.2s ease-out; - animation-fill-mode: forwards; } - -@keyframes editor-animation__region-focus { - from { - box-shadow: inset 0 0 0 0 #33b3db; } - to { - box-shadow: inset 0 0 0 4px #33b3db; } } - -.components-icon-button { - display: flex; - align-items: center; - padding: 8px; - margin: 0; - border: none; - background: none; - color: #555d66; - position: relative; - overflow: hidden; - border-radius: 4px; } - .components-icon-button .dashicon { - display: inline-block; - flex: 0 0 auto; } - .components-icon-button svg { - fill: currentColor; - outline: none; } - .components-icon-button svg:not:only-child { - margin-right: 4px; } - .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, 0.2); } - .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { - outline: none; - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff; } - .components-icon-button[aria-disabled="true"]:focus, .components-icon-button:disabled:focus { - box-shadow: none; } - -.components-menu-group { - width: 100%; - padding: 7px; } - -.components-menu-group__label { - margin-bottom: 8px; - color: #6c7781; } - -.components-menu-item__button, -.components-menu-item__button.components-icon-button { - width: 100%; - padding: 8px; - text-align: left; - color: #40464d; } - .components-menu-item__button .dashicon, - .components-menu-item__button .components-menu-items__item-icon, - .components-menu-item__button > span > svg, - .components-menu-item__button.components-icon-button .dashicon, - .components-menu-item__button.components-icon-button .components-menu-items__item-icon, - .components-menu-item__button.components-icon-button > span > svg { - margin-right: 4px; } - .components-menu-item__button .components-menu-items__item-icon, - .components-menu-item__button.components-icon-button .components-menu-items__item-icon { - display: inline-block; - flex: 0 0 auto; } - .components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]), - .components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) { - color: #555d66; } - @media (min-width: 782px) { - .components-menu-item__button:hover:not(:disabled):not([aria-disabled="true"]), - .components-menu-item__button.components-icon-button:hover:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; } } - .components-menu-item__button:focus:not(:disabled):not([aria-disabled="true"]), - .components-menu-item__button.components-icon-button:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - -.components-menu-item__info-wrapper { - display: flex; - flex-direction: column; } - -.components-menu-item__info { - margin-top: 4px; - font-size: 12px; - opacity: 0.82; } - -.components-menu-item__shortcut { - align-self: center; - opacity: 0.5; - margin-right: 0; - margin-left: auto; - padding-left: 8px; - display: none; } - @media (min-width: 480px) { - .components-menu-item__shortcut { - display: inline; } } - -.components-modal__screen-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: rgba(255, 255, 255, 0.4); - z-index: 100000; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; } - -.components-modal__frame { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-sizing: border-box; - margin: 0; - border: 1px solid #e2e4e7; - background: #fff; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); - 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: calc(100% - 56px - 56px); - transform: translate(-50%, -50%); - animation: components-modal__appear-animation 0.1s ease-out; - animation-fill-mode: forwards; } } - -@keyframes components-modal__appear-animation { - from { - margin-top: 32px; } - to { - margin-top: 0; } } - -.components-modal__header { - box-sizing: border-box; - border-bottom: 1px solid #e2e4e7; - padding: 0 16px; - display: flex; - flex-direction: row; - justify-content: space-between; - background: #fff; - align-items: center; - height: 56px; - position: -webkit-sticky; - position: sticky; - top: 0; - z-index: 10; - margin: 0 -16px 16px; } - @supports (-ms-ime-align: auto) { - .components-modal__header { - position: fixed; - width: 100%; } } - .components-modal__header .components-modal__header-heading { - font-size: 1em; - font-weight: 400; } - .components-modal__header h1 { - line-height: 1; - margin: 0; } - -.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 16px 16px; } - @supports (-ms-ime-align: auto) { - .components-modal__content { - padding-top: 56px; } } - -.components-notice { - background-color: #e5f5fa; - border-left: 4px solid #00a0d2; - margin: 5px 15px 2px; - padding: 8px 12px; } - .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: #d94f4f; - background-color: #f9e2e2; } - -.components-notice__content { - margin: 1em 0; } - -.components-notice__action.components-button, .components-notice__action.components-button.is-link { - margin-left: 4px; } - -.components-notice__dismiss { - position: absolute; - top: 0; - right: 0; - color: #6c7781; } - .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus { - color: #d94f4f; - background-color: transparent; } - .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - box-shadow: none; } - -.components-notice-list { - min-width: 300px; - z-index: 9989; } - -.components-panel { - background: #fff; - border: 1px solid #e2e4e7; } - .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 #e2e4e7; - border-bottom: 1px solid #e2e4e7; } - .components-panel__body h3 { - margin: 0 0 0.5em; } - .components-panel__body.is-opened { - padding: 16px; } - .components-panel__body > .components-icon-button { - color: #191e23; } - -.components-panel__header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 16px; - height: 50px; - border-top: 1px solid #e2e4e7; - border-bottom: 1px solid #e2e4e7; } - .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; } - -.components-panel__body.is-opened > .components-panel__body-title { - margin: -16px; - margin-bottom: 5px; } - -.components-panel__body > .components-panel__body-title:hover, -.edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover { - background: #f8f9f9; } - -.components-panel__body-toggle.components-button { - position: relative; - padding: 15px; - outline: none; - width: 100%; - font-weight: 600; - text-align: left; - color: #191e23; - border: none; - box-shadow: none; - transition: 0.1s background ease-in-out; - /* rtl:begin:ignore */ - /* rtl:end:ignore */ } - .components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .components-panel__body-toggle.components-button .components-panel__arrow { - position: absolute; - right: 10px; - top: 50%; - transform: translateY(-50%); - color: #191e23; - fill: currentColor; - transition: 0.1s color ease-in-out; } - body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { - transform: scaleX(-1); - -ms-filter: fliph; - -webkit-filter: FlipH; - filter: FlipH; - margin-top: -10px; } - -.components-panel__icon { - color: #555d66; - 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: 20px; } - .components-panel__row select { - min-width: 0; } - .components-panel__row label { - margin-right: 10px; - 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 { - margin: 0; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 1em; - min-height: 200px; - width: 100%; - text-align: center; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - background: rgba(139, 139, 150, 0.1); } - .is-dark-theme .components-placeholder { - background: rgba(255, 255, 255, 0.15); } - -.components-placeholder__label { - display: flex; - justify-content: center; - font-weight: 600; - margin-bottom: 1em; } - .components-placeholder__label .dashicon, - .components-placeholder__label .editor-block-icon { - margin-right: 1ch; } - -.components-placeholder__fieldset, -.components-placeholder__fieldset form { - display: flex; - flex-direction: row; - justify-content: center; - width: 100%; - max-width: 400px; - flex-wrap: wrap; - z-index: 1; } - .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__input { - margin-right: 8px; - flex: 1 1 auto; } - -.components-placeholder__instructions { - margin-bottom: 1em; } - -/*!rtl:begin:ignore*/ -.components-popover { - position: fixed; - z-index: 1000000; - left: 50%; } - .components-popover.is-mobile { - top: 0; - left: 0; - right: 0; - bottom: 0; } - .components-popover:not(.is-without-arrow):not(.is-mobile) { - margin-left: 2px; } - .components-popover:not(.is-without-arrow):not(.is-mobile)::before { - border: 8px solid #e2e4e7; } - .components-popover:not(.is-without-arrow):not(.is-mobile)::after { - border: 8px solid #fff; } - .components-popover:not(.is-without-arrow):not(.is-mobile)::before, .components-popover:not(.is-without-arrow):not(.is-mobile)::after { - content: ""; - position: absolute; - height: 0; - width: 0; - line-height: 0; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top { - margin-top: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before { - bottom: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::after { - bottom: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-top::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-bottom { - margin-top: 8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before { - top: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::after { - top: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-bottom::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-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):not(.is-mobile).is-middle.is-left { - margin-left: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before { - right: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after { - right: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-left::after { - border-bottom-color: transparent; - border-left-style: solid; - border-right: none; - border-top-color: transparent; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right { - margin-left: 8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before { - left: -8px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after { - left: -6px; } - .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::before, .components-popover:not(.is-without-arrow):not(.is-mobile).is-middle.is-right::after { - border-bottom-color: transparent; - border-left: none; - border-right-style: solid; - border-top-color: transparent; } - .components-popover:not(.is-mobile).is-top { - bottom: 100%; } - .components-popover:not(.is-mobile).is-bottom { - top: 100%; - z-index: 99990; } - .components-popover:not(.is-mobile).is-middle { - align-items: center; - display: flex; } - -.components-popover__content { - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - border: 1px solid #e2e4e7; - background: #fff; - height: 100%; } - .components-popover.is-mobile .components-popover__content { - height: calc(100% - 50px); - border-top: 0; } - .components-popover:not(.is-mobile) .components-popover__content { - position: absolute; - height: auto; - overflow-y: auto; - min-width: 260px; } - .components-popover:not(.is-mobile).is-top .components-popover__content { - bottom: 100%; } - .components-popover:not(.is-mobile).is-center .components-popover__content { - left: 50%; - transform: translateX(-50%); } - .components-popover:not(.is-mobile).is-right .components-popover__content { - position: absolute; - left: 100%; } - .components-popover:not(.is-mobile):not(.is-middle).is-right .components-popover__content { - margin-left: -24px; } - .components-popover:not(.is-mobile).is-left .components-popover__content { - position: absolute; - right: 100%; } - .components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content { - margin-right: -24px; } - -.components-popover__content > div { - height: 100%; } - -.components-popover__header { - align-items: center; - background: #fff; - border: 1px solid #e2e4e7; - display: flex; - height: 50px; - 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-icon-button { - z-index: 5; } - -/*!rtl:end:ignore*/ -.components-radio-control { - display: flex; - flex-direction: column; } - -.components-radio-control__option:not(:last-child) { - margin-bottom: 4px; } - -.components-radio-control__input[type="radio"] { - margin-top: 0; - margin-right: 6px; } - -.components-range-control .components-base-control__field { - display: flex; - justify-content: center; - flex-wrap: wrap; - align-items: center; } - -.components-range-control .dashicon { - flex-shrink: 0; - margin-right: 10px; } - -.components-range-control .components-base-control__label { - width: 100%; } - -.components-range-control .components-range-control__slider { - margin-left: 0; - flex: 1; } - -.components-range-control__slider { - width: 100%; - margin-left: 8px; - padding: 0; - -webkit-appearance: none; - background: transparent; - /** - * Thumb - */ - /** - * Track - */ } - .components-range-control__slider::-webkit-slider-thumb { - -webkit-appearance: none; - height: 18px; - width: 18px; - border-radius: 50%; - cursor: pointer; - background: #555d66; - border: 4px solid transparent; - background-clip: padding-box; - box-sizing: border-box; - margin-top: -7px; } - .components-range-control__slider::-moz-range-thumb { - height: 18px; - width: 18px; - border-radius: 50%; - cursor: pointer; - background: #555d66; - border: 4px solid transparent; - background-clip: padding-box; - box-sizing: border-box; } - .components-range-control__slider::-ms-thumb { - height: 18px; - width: 18px; - border-radius: 50%; - cursor: pointer; - background: #555d66; - border: 4px solid transparent; - background-clip: padding-box; - box-sizing: border-box; - margin-top: 0; - height: 14px; - width: 14px; - border: 2px solid transparent; } - .components-range-control__slider:focus { - outline: none; } - .components-range-control__slider:focus::-webkit-slider-thumb { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-range-control__slider:focus::-moz-range-thumb { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-range-control__slider:focus::-ms-thumb { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - .components-range-control__slider::-webkit-slider-runnable-track { - height: 3px; - cursor: pointer; - background: #e2e4e7; - border-radius: 1.5px; - margin-top: -4px; } - .components-range-control__slider::-moz-range-track { - height: 3px; - cursor: pointer; - background: #e2e4e7; - border-radius: 1.5px; } - .components-range-control__slider::-ms-track { - margin-top: -4px; - background: transparent; - border-color: transparent; - color: transparent; - height: 3px; - cursor: pointer; - background: #e2e4e7; - border-radius: 1.5px; } - -.components-range-control__number { - display: inline-block; - margin-left: 8px; - font-weight: 500; - width: 50px; - padding: 3px 5px !important; } - -.components-resizable-box__handle { - display: none; - width: 24px; - height: 24px; - padding: 4px; } - .components-resizable-box__container.is-selected .components-resizable-box__handle { - display: block; } - -.components-resizable-box__handle::before { - display: block; - content: ""; - width: 16px; - height: 16px; - border: 2px solid #fff; - border-radius: 50%; - background: #0085ba; - cursor: inherit; } - -body.admin-color-sunrise .components-resizable-box__handle::before { - background: #d1864a; } - -body.admin-color-ocean .components-resizable-box__handle::before { - background: #a3b9a2; } - -body.admin-color-midnight .components-resizable-box__handle::before { - background: #e14d43; } - -body.admin-color-ectoplasm .components-resizable-box__handle::before { - background: #a7b656; } - -body.admin-color-coffee .components-resizable-box__handle::before { - background: #c2a68c; } - -body.admin-color-blue .components-resizable-box__handle::before { - background: #82b4cb; } - -body.admin-color-light .components-resizable-box__handle::before { - background: #0085ba; } - -/*!rtl:begin:ignore*/ -.components-resizable-box__handle-right { - top: calc(50% - 12px); - right: calc(12px * -1); } - -.components-resizable-box__handle-bottom { - bottom: calc(12px * -1); - left: calc(50% - 12px); } - -.components-resizable-box__handle-left { - top: calc(50% - 12px); - left: calc(12px * -1); } - -/*!rtl:end:ignore*/ -.components-responsive-wrapper { - position: relative; - max-width: 100%; } - -.components-responsive-wrapper__content { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; } - -.components-sandbox { - overflow: hidden; } - -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-spinner { - display: inline-block; - background-color: #7e8993; - width: 18px; - height: 18px; - opacity: 0.7; - float: right; - margin: 5px 11px 0; - border-radius: 100%; - position: relative; } - .components-spinner::before { - content: ""; - position: absolute; - background-color: #fff; - top: 3px; - left: 3px; - width: 4px; - height: 4px; - border-radius: 100%; - transform-origin: 6px 6px; - animation: components-spinner__animation 1s infinite linear; } - -@keyframes components-spinner__animation { - from { - transform: rotate(0deg); } - to { - transform: rotate(360deg); } } - -.components-text-control__input { - width: 100%; - padding: 6px 8px; } - -.components-textarea-control__input { - width: 100%; - padding: 6px 8px; } - -.components-toggle-control .components-base-control__field { - display: flex; - margin-bottom: 12px; } - .components-toggle-control .components-base-control__field .components-form-toggle { - margin-right: 16px; } - .components-toggle-control .components-base-control__field .components-toggle-control__label { - display: block; - margin-bottom: 4px; } - -.components-toolbar { - margin: 0; - border: 1px solid #e2e4e7; - background-color: #fff; - display: flex; - flex-shrink: 0; } - -div.components-toolbar > div { - display: block; - margin: 0; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - div.components-toolbar > div { - display: flex; } } - -div.components-toolbar > div + div { - margin-left: -3px; } - 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: #e2e4e7; - position: absolute; - top: 8px; - left: -3px; - width: 1px; - height: 20px; } - -.components-toolbar__control.components-button { - display: inline-flex; - align-items: flex-end; - margin: 0; - padding: 3px; - outline: none; - cursor: pointer; - position: relative; - width: 36px; - height: 36px; } - .components-toolbar__control.components-button:active, .components-toolbar__control.components-button:not([aria-disabled="true"]):hover, .components-toolbar__control.components-button:not([aria-disabled="true"]):focus { - outline: none; - box-shadow: none; - background: none; - border: none; } - .components-toolbar__control.components-button:disabled { - cursor: default; } - .components-toolbar__control.components-button > svg { - padding: 5px; - border-radius: 4px; - height: 30px; - width: 30px; } - .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:not(:disabled):not([aria-disabled="true"]):hover { - box-shadow: none; } - .components-toolbar__control.components-button:not(:disabled).is-active > svg, - .components-toolbar__control.components-button:not(:disabled):hover > svg { - color: #555d66; - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; } - .components-toolbar__control.components-button:not(:disabled).is-active > svg { - outline: none; - color: #fff; - box-shadow: none; - background: #555d66; } - .components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]::after { - color: #fff; } - .components-toolbar__control.components-button:not(:disabled):focus > svg { - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - -.components-toolbar__control .dashicon { - display: block; } - -.components-tooltip.components-popover { - z-index: 1000002; } - .components-tooltip.components-popover::before { - border-color: transparent; } - .components-tooltip.components-popover.is-top::after { - border-top-color: #191e23; } - .components-tooltip.components-popover.is-bottom::after { - border-bottom-color: #191e23; } - -.components-tooltip .components-popover__content { - padding: 4px 12px; - background: #191e23; - border-width: 0; - color: #fff; - white-space: nowrap; } - -.components-tooltip:not(.is-mobile) .components-popover__content { - min-width: 0; } - -.components-tooltip__shortcut { - display: block; - text-align: center; - color: #7e8993; } +/*!rtl:end:ignore*/.components-responsive-wrapper{position:relative;max-width:100%}.components-responsive-wrapper__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.components-sandbox,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-spinner{display:inline-block;background-color:#7e8993;width:18px;height:18px;opacity:.7;float:right;margin:5px 11px 0;border-radius:100%;position:relative}.components-spinner:before{content:"";position:absolute;background-color:#fff;top:3px;left:3px;width:4px;height:4px;border-radius:100%;transform-origin:6px 6px;animation:components-spinner__animation 1s linear infinite}@keyframes components-spinner__animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.components-text-control__input,.components-textarea-control__input{width:100%;padding:6px 8px}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px}.components-toggle-control .components-base-control__field .components-form-toggle{margin-right:16px}.components-toggle-control .components-base-control__field .components-toggle-control__label{display:block;margin-bottom:4px}.components-toolbar{margin:0;border:1px solid #e2e4e7;background-color:#fff;display:flex;flex-shrink:0}div.components-toolbar>div{display:block;margin:0}@supports ((position:-webkit-sticky) or (position:sticky)){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div{margin-left:-3px}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:#e2e4e7;position:absolute;top:8px;left:-3px;width:1px;height:20px}.components-toolbar__control.components-button{display:inline-flex;align-items:flex-end;margin:0;padding:3px;outline:none;cursor:pointer;position:relative;width:36px;height:36px}.components-toolbar__control.components-button:active,.components-toolbar__control.components-button:not([aria-disabled=true]):focus,.components-toolbar__control.components-button:not([aria-disabled=true]):hover{outline:none;box-shadow:none;background:none;border:none}.components-toolbar__control.components-button:disabled{cursor:default}.components-toolbar__control.components-button>svg{padding:5px;border-radius:4px;height:30px;width:30px}.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:not(:disabled):not([aria-disabled=true]):hover{box-shadow:none}.components-toolbar__control.components-button:not(:disabled).is-active>svg,.components-toolbar__control.components-button:not(:disabled):hover>svg{color:#555d66;box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff}.components-toolbar__control.components-button:not(:disabled).is-active>svg{outline:none;color:#fff;box-shadow:none;background:#555d66}.components-toolbar__control.components-button:not(:disabled).is-active[data-subscript]:after{color:#fff}.components-toolbar__control.components-button:not(:disabled):focus>svg{box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-toolbar__control .dashicon{display:block}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover:before{border-color:transparent}.components-tooltip.components-popover.is-top:after{border-top-color:#191e23}.components-tooltip.components-popover.is-bottom:after{border-bottom-color:#191e23}.components-tooltip .components-popover__content{padding:4px 12px;background:#191e23;border-width:0;color:#fff;white-space:nowrap}.components-tooltip:not(.is-mobile) .components-popover__content{min-width:0}.components-tooltip__shortcut{display:block;text-align:center;color:#7e8993} \ 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 index 981714d984..c45b779698 100644 --- a/wp-includes/css/dist/edit-post/style-rtl.css +++ b/wp-includes/css/dist/edit-post/style-rtl.css @@ -1,1517 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -body.js.is-fullscreen-mode { - margin-top: -46px; - height: calc(100% + 46px); - animation: edit-post__fade-in-animation 0.3s ease-out 0s; - animation-fill-mode: forwards; } - @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; } - body.js.is-fullscreen-mode .edit-post-header { - transform: translateY(-100%); - animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } - -@keyframes edit-post-fullscreen-mode__slide-in-animation { - 100% { - transform: translateY(0%); } } - -.edit-post-header { - height: 56px; - padding: 4px 2px; - border-bottom: 1px solid #e2e4e7; - background: #fff; - display: flex; - flex-direction: row; - align-items: stretch; - justify-content: space-between; - z-index: 30; - right: 0; - left: 0; - top: 0; - position: -webkit-sticky; - position: sticky; } - @media (min-width: 600px) { - .edit-post-header { - position: fixed; - padding: 8px; - top: 46px; } - body.is-fullscreen-mode .edit-post-header { - top: 0; } } - @media (min-width: 782px) { - .edit-post-header { - top: 32px; } - body.is-fullscreen-mode .edit-post-header { - top: 0; } } - .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { - display: none; } - @media (min-width: 600px) { - .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { - display: inline-flex; } } - .edit-post-header > .edit-post-header__settings { - order: 1; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-header > .edit-post-header__settings { - order: initial; } } - -.edit-post-header { - /* Set left position when auto-fold is not on the body element. */ - right: 0; } - @media (min-width: 782px) { - .edit-post-header { - right: 160px; } } - -.auto-fold .edit-post-header { - /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */ } - @media (min-width: 782px) { - .auto-fold .edit-post-header { - right: 36px; } } - @media (min-width: 960px) { - .auto-fold .edit-post-header { - right: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-header { - right: 0; } - @media (min-width: 782px) { - .folded .edit-post-header { - right: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .edit-post-header { - right: 190px; } } - -/* In small screens with resposive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .edit-post-header { - margin-right: -18px; } } - -body.is-fullscreen-mode .edit-post-header { - right: 0 !important; } - -.edit-post-header__settings { - display: inline-flex; - align-items: center; } - -.edit-post-header .components-button.is-toggled { - color: #fff; } - -.edit-post-header .components-button.is-toggled::before { - content: ""; - border-radius: 4px; - position: absolute; - z-index: -1; - background: #555d66; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; } - -.edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus { - box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff; - color: #fff; - background: #555d66; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 2px; - height: 33px; - line-height: 32px; - font-size: 13px; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 5px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 12px; } } - -.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 5px 2px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 12px 2px; } } - -@media (min-width: 782px) { - .edit-post-header .components-button.editor-post-preview { - margin: 0 12px 0 3px; } - .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 0 3px 0 12px; } } - -.edit-post-fullscreen-mode-close__toolbar { - border-top: 0; - border-bottom: 0; - border-right: 0; - margin: -9px -10px -9px 10px; - padding: 9px 10px; } - -.edit-post-header-toolbar { - display: inline-flex; - align-items: center; } - .edit-post-header-toolbar > .components-button { - display: none; } - @media (min-width: 600px) { - .edit-post-header-toolbar > .components-button { - display: inline-flex; } } - .edit-post-header-toolbar .editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { - display: none; } - @media (min-width: 600px) { - .edit-post-header-toolbar .editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { - display: flex; } } - -.edit-post-header-toolbar__block-toolbar { - position: absolute; - top: 56px; - right: 0; - left: 0; - background: #fff; - min-height: 37px; - border-bottom: 1px solid #e2e4e7; } - .edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar { - border-top: none; - border-bottom: none; } - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - display: none; } - @media (min-width: 782px) { - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - display: block; - left: 280px; } } - @media (min-width: 1080px) { - .edit-post-header-toolbar__block-toolbar { - padding-right: 8px; - position: static; - right: auto; - left: auto; - background: none; - border-bottom: none; - min-height: auto; } - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - left: auto; } - .edit-post-header-toolbar__block-toolbar .editor-block-toolbar { - margin: -9px 0; } - .edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar { - padding: 10px 4px 9px; } } - -.edit-post-more-menu { - margin-right: -4px; } - .edit-post-more-menu .components-icon-button { - width: auto; - padding: 8px 2px; } - @media (min-width: 600px) { - .edit-post-more-menu { - margin-right: 4px; } - .edit-post-more-menu .components-icon-button { - padding: 8px 4px; } } - .edit-post-more-menu .components-button svg { - transform: rotate(-90deg); } - -.edit-post-more-menu__content .components-popover__content { - min-width: 260px; } - @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-menu-group:not(:last-child), - .edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group { - border-bottom: 1px solid #e2e4e7; } - .edit-post-more-menu__content .components-popover__content .components-menu-item__button { - padding-right: 2rem; } - .edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon { - padding-right: 0.5rem; } - -.edit-post-pinned-plugins { - display: none; } - @media (min-width: 600px) { - .edit-post-pinned-plugins { - display: flex; } } - .edit-post-pinned-plugins .components-icon-button { - margin-right: 4px; } - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg, - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * { - stroke: #555d66; - fill: #555d66; } - .edit-post-pinned-plugins .components-icon-button.is-toggled svg, - .edit-post-pinned-plugins .components-icon-button.is-toggled svg * { - stroke: #fff !important; - fill: #fff !important; } - .edit-post-pinned-plugins .components-icon-button:hover svg, - .edit-post-pinned-plugins .components-icon-button:hover svg * { - stroke: #191e23 !important; - fill: #191e23 !important; } - -.edit-post-keyboard-shortcut-help__title { - font-size: 1rem; - font-weight: 600; } - -.edit-post-keyboard-shortcut-help__section { - margin: 0 0 2rem 0; } - -.edit-post-keyboard-shortcut-help__section-title { - font-size: 0.9rem; - font-weight: 600; } - -.edit-post-keyboard-shortcut-help__shortcut { - display: flex; - align-items: center; - padding: 0.6rem 0; - border-top: 1px solid #e2e4e7; } - .edit-post-keyboard-shortcut-help__shortcut:last-child { - border-bottom: 1px solid #e2e4e7; } - -.edit-post-keyboard-shortcut-help__shortcut-term { - order: 1; - font-weight: 600; - margin: 0 1rem 0 0; } - -.edit-post-keyboard-shortcut-help__shortcut-description { - flex: 1; - order: 0; - margin: 0; - flex-basis: auto; } - -.edit-post-keyboard-shortcut-help__shortcut-key-combination { - background: none; - margin: 0; - padding: 0; } - -.edit-post-keyboard-shortcut-help__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; } - .edit-post-keyboard-shortcut-help__shortcut-key:last-child { - margin: 0 0.2rem 0 0; } - -.edit-post-layout, -.edit-post-layout__content { - height: 100%; } - -.edit-post-layout { - position: relative; } - .edit-post-layout .components-notice-list { - position: -webkit-sticky; - position: sticky; - top: 56px; - left: 0; - color: #191e23; } - @media (min-width: 600px) { - .edit-post-layout .components-notice-list { - position: fixed; - top: inherit; } } - .edit-post-layout .components-notice-list .components-notice { - margin: 0 0 5px; - padding: 6px 12px; - min-height: 50px; } - .edit-post-layout .components-notice-list .components-notice .components-notice__dismiss { - margin: 10px 5px; } - @media (min-width: 600px) { - .edit-post-layout { - padding-top: 56px; } } - .edit-post-layout.has-fixed-toolbar .edit-post-layout__content { - padding-top: 36px; } - @media (min-width: 600px) { - .edit-post-layout.has-fixed-toolbar { - padding-top: 93px; } - .edit-post-layout.has-fixed-toolbar .edit-post-layout__content { - padding-top: 0; } } - @media (min-width: 960px) { - .edit-post-layout.has-fixed-toolbar { - padding-top: 56px; } } - -.components-notice-list { - /* Set left position when auto-fold is not on the body element. */ - right: 0; } - @media (min-width: 782px) { - .components-notice-list { - right: 160px; } } - -.auto-fold .components-notice-list { - /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */ } - @media (min-width: 782px) { - .auto-fold .components-notice-list { - right: 36px; } } - @media (min-width: 960px) { - .auto-fold .components-notice-list { - right: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .components-notice-list { - right: 0; } - @media (min-width: 782px) { - .folded .components-notice-list { - right: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .components-notice-list { - right: 190px; } } - -/* In small screens with resposive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .components-notice-list { - margin-right: -18px; } } - -body.is-fullscreen-mode .components-notice-list { - right: 0 !important; } - -.components-notice-list { - left: 0; } - -.edit-post-layout.is-sidebar-opened .components-notice-list { - left: 280px; } - -.edit-post-layout__metaboxes:not(:empty) { - border-top: 1px solid #e2e4e7; - margin-top: 10px; - padding: 10px 0 10px; - clear: both; } - .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { - margin: auto 20px; } - -.edit-post-layout__content { - position: relative; - display: flex; - min-height: 100%; - flex-direction: column; - padding-bottom: 50vh; - overflow-y: auto; - -webkit-overflow-scrolling: touch; } - @media (min-width: 600px) { - .edit-post-layout__content { - padding-bottom: 0; } } - @media (min-width: 600px) { - .edit-post-layout__content { - overscroll-behavior-y: none; } } - .edit-post-layout__content .edit-post-visual-editor { - flex-grow: 1; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-layout__content .edit-post-visual-editor { - flex-basis: 100%; } } - .edit-post-layout__content .edit-post-layout__metaboxes { - flex-shrink: 0; } - -.edit-post-layout .editor-post-publish-panel { - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - left: 0; - right: 0; - overflow: auto; } - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; } - @media (min-width: 782px) { - .edit-post-layout .editor-post-publish-panel { - top: 32px; - right: auto; - width: 280px; - border-right: 1px solid #e2e4e7; - transform: translateX(-100%); - animation: edit-post-layout__slide-in-animation 0.1s forwards; } - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; } } - -@keyframes edit-post-layout__slide-in-animation { - 100% { - transform: translateX(0%); } } - -.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large { - height: 33px; - line-height: 32px; } - -.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer { - display: inline-flex; - flex: 0 1 52px; } - -.edit-post-toggle-publish-panel { - position: absolute; - bottom: 0; - left: 0; - z-index: 100000; - width: 280px; - height: 0; - overflow: hidden; } - .edit-post-toggle-publish-panel:focus-within { - height: auto; - padding: 20px 0 0 0; } - .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - float: left; - width: auto; - height: auto; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - line-height: normal; - text-decoration: none; - outline: none; - background: #f1f1f1; } - -.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 */ - border-bottom: 1px solid #e2e4e7; - 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 #e2e4e7; - 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__clear { - clear: both; } - -.edit-post-sidebar { - position: fixed; - z-index: 100000; - top: 0; - left: 0; - bottom: 0; - width: 280px; - border-right: 1px solid #e2e4e7; - background: #fff; - color: #555d66; - height: 100vh; - overflow: hidden; } - @media (min-width: 600px) { - .edit-post-sidebar { - top: 102px; - z-index: 90; - height: auto; - overflow: auto; - -webkit-overflow-scrolling: touch; } - body.is-fullscreen-mode .edit-post-sidebar { - top: 56px; } } - @media (min-width: 782px) { - .edit-post-sidebar { - top: 88px; } - body.is-fullscreen-mode .edit-post-sidebar { - top: 56px; } } - .edit-post-sidebar > .components-panel { - border-right: none; - border-left: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - height: auto; - max-height: calc(100vh - 96px); - margin-top: -1px; - margin-bottom: -1px; } - body.is-fullscreen-mode .edit-post-sidebar > .components-panel { - max-height: calc(100vh - 50px); } - @media (min-width: 600px) { - body.is-fullscreen-mode .edit-post-sidebar > .components-panel { - max-height: none; } } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel { - overflow: inherit; - height: auto; - max-height: none; } } - .edit-post-sidebar > .components-panel .components-panel__header { - position: fixed; - z-index: 1; - top: 0; - right: 0; - left: 0; - height: 50px; } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel .components-panel__header { - position: inherit; - top: auto; - right: auto; - left: auto; } } - .edit-post-sidebar p { - margin-top: 0; } - .edit-post-sidebar h2, - .edit-post-sidebar h3 { - font-size: 13px; - color: #555d66; - margin-bottom: 1.5em; } - .edit-post-sidebar hr { - border-top: none; - border-bottom: 1px solid #e2e4e7; - margin: 1.5em 0; } - .edit-post-sidebar div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; } - .edit-post-sidebar div.components-toolbar:last-child { - margin-bottom: 0; } - .edit-post-sidebar p + div.components-toolbar { - margin-top: -1em; } - .edit-post-sidebar .editor-skip-to-selected-block:focus { - top: auto; - left: 10px; - bottom: 10px; - right: auto; } - -/* Visual and Text editor both */ -@media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-layout__content { - margin-left: 280px; } } - -.edit-post-layout.is-sidebar-opened .edit-post-sidebar, -.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - /* Sidebar covers screen on mobile */ - width: 100%; - /* Sidebar sits on the side on larger breakpoints */ } - @media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-sidebar, - .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - width: 280px; } } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar__header { - background: #fff; - padding-left: 8px; } - .components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__header { - display: none; } } - -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-right: 0; - padding-left: 4px; - border-top: 0; - margin-top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { - display: none; - margin-right: auto; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { - display: flex; } } - -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - border-radius: 0; - cursor: pointer; - height: 50px; - padding: 3px 15px; - margin-right: 0; - font-weight: 400; - outline-offset: -1px; } - .edit-post-sidebar__panel-tab.is-active { - padding-bottom: 0; - border-bottom: 3px solid #0085ba; - font-weight: 600; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #d1864a; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a3b9a2; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #e14d43; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a7b656; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #c2a68c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #82b4cb; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #0085ba; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline: 1px solid #6c7781; - box-shadow: none; } - -.components-panel__body.is-opened.edit-post-last-revision__panel { - padding: 0; } - -.editor-post-last-revision__title { - padding: 13px 16px; } - -.editor-post-author__select { - margin: -5px 0; - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .editor-post-author__select { - width: auto; } } - -.edit-post-post-link__link-post-name { - font-weight: 600; } - -.edit-post-post-link__preview-label { - margin: 0; } - -.edit-post-post-link__link { - word-wrap: break-word; } - -.edit-post-post-schedule { - width: 100%; - position: relative; } - -.edit-post-post-schedule__label { - display: none; } - -.components-button.edit-post-post-schedule__toggle { - text-align: left; } - -.edit-post-post-schedule__dialog .components-popover__content { - padding: 10px; } - @media (min-width: 782px) { - .edit-post-post-schedule__dialog .components-popover__content { - width: 270px; } } - -.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%; } - -.edit-post-post-visibility__dialog .components-popover__content { - padding: 10px; } - @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: #7e8993; - padding-right: 20px; - font-style: italic; - margin: 4px 0 0; - line-height: 1.4; } - -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-right: 0; - padding-left: 4px; - border-top: 0; - position: -webkit-sticky; - position: sticky; - z-index: 1; - top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs ul { - display: flex; } - .components-panel__header.edit-post-sidebar__panel-tabs li { - margin: 0; } - -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - border-radius: 0; - cursor: pointer; - height: 48px; - padding: 3px 15px; - margin-right: 0; - font-weight: 400; - color: #191e23; - outline-offset: -1px; } - .edit-post-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; } - .edit-post-sidebar__panel-tab.is-active { - padding-bottom: 0; - border-bottom: 3px solid #0085ba; - font-weight: 600; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #d1864a; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a3b9a2; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #e14d43; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a7b656; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #c2a68c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #82b4cb; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #0085ba; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline: 1px solid #6c7781; - box-shadow: none; } - -.edit-post-settings-sidebar__panel-block .components-panel__body { - border: none; - border-top: 1px solid #e2e4e7; - margin: 0 -16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control { - margin: 0 0 1.5em 0; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child { - margin-bottom: 0.5em; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle { - color: #191e23; } - .edit-post-settings-sidebar__panel-block .components-panel__body:first-child { - margin-top: 16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body:last-child { - margin-bottom: -16px; } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar-header__small { - background: #fff; - padding-left: 4px; } - .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header__small { - display: none; } } - -.components-panel__header.edit-post-sidebar-header { - padding-left: 4px; - background: #f3f4f5; } - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: none; - margin-right: auto; } - .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button { - margin-right: 0; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: flex; } } - -.edit-post-text-editor__body { - padding-top: 40px; } - @media (min-width: 600px) { - .edit-post-text-editor__body { - padding-top: 86px; } - body.is-fullscreen-mode .edit-post-text-editor__body { - padding-top: 40px; } } - @media (min-width: 782px) { - .edit-post-text-editor__body { - padding-top: 40px; } - body.is-fullscreen-mode .edit-post-text-editor__body { - padding-top: 40px; } } - -.edit-post-text-editor { - width: 100%; - margin-right: 16px; - margin-left: 16px; - padding-top: 44px; } - @media (min-width: 600px) { - .edit-post-text-editor { - max-width: 610px; - margin-right: auto; - margin-left: auto; } } - .edit-post-text-editor .editor-post-title__block textarea { - border: 1px solid #e2e4e7; - margin-bottom: 4px; - padding: 14px; } - .edit-post-text-editor .editor-post-title__block textarea:hover, - .edit-post-text-editor .editor-post-title__block.is-selected textarea { - box-shadow: 0 0 0 1px #e2e4e7; } - .edit-post-text-editor .editor-post-permalink { - right: 0; - left: 0; - margin-top: -6px; } - @media (min-width: 600px) { - .edit-post-text-editor .editor-post-title, - .edit-post-text-editor .editor-post-title__block { - padding: 0; } } - .edit-post-text-editor .editor-post-text-editor { - padding: 14px; - min-height: 200px; - line-height: 1.8; } - .edit-post-text-editor .edit-post-text-editor__toolbar { - position: absolute; - top: 8px; - right: 0; - left: 0; - height: 36px; - line-height: 36px; - padding: 0 16px 0 8px; - display: flex; } - .edit-post-text-editor .edit-post-text-editor__toolbar h2 { - margin: 0 0 0 auto; - font-size: 13px; - color: #555d66; } - .edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg { - order: 1; } - -.edit-post-visual-editor { - position: relative; - padding: 50px 0; } - .edit-post-visual-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - -.edit-post-visual-editor .editor-writing-flow__click-redirect { - height: 50px; - width: 100%; - margin: -4px auto -50px; } - -.edit-post-visual-editor .editor-block-list__block { - margin-right: auto; - margin-left: auto; } - @media (min-width: 600px) { - .edit-post-visual-editor .editor-block-list__block .editor-block-list__block-edit { - margin-right: -28px; - margin-left: -28px; } - .edit-post-visual-editor .editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar, - .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { - width: calc(100% + 30px); - height: 0; - text-align: center; - float: right; } - .edit-post-visual-editor .editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar .editor-block-toolbar, - .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar .editor-block-toolbar { - max-width: 610px; - width: 100%; - position: relative; } - .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { - width: 100%; - margin-right: 0; - margin-left: 0; } } - -@media (min-width: 600px) { - .editor-post-title { - padding-right: 46px; - padding-left: 46px; } } - -.edit-post-visual-editor .editor-post-title__block { - margin-right: auto; - margin-left: auto; - margin-bottom: -20px; } - .edit-post-visual-editor .editor-post-title__block > div { - margin-right: 0; - margin-left: 0; } - @media (min-width: 600px) { - .edit-post-visual-editor .editor-post-title__block > div { - margin-right: -2px; - margin-left: -2px; } } - -.edit-post-visual-editor .editor-block-list__layout > .editor-block-list__block[data-align="left"]:first-child, -.edit-post-visual-editor .editor-block-list__layout > .editor-block-list__block[data-align="right"]:first-child { - margin-top: 34px; } - -.edit-post-visual-editor .editor-default-block-appender { - margin-right: auto; - margin-left: auto; - position: relative; } - .edit-post-visual-editor .editor-default-block-appender[data-root-client-id=""] .editor-default-block-appender__content:hover { - outline: 1px solid transparent; } - -.edit-post-visual-editor .editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p, -.edit-post-visual-editor .editor-default-block-appender__content { - min-height: 28px; - line-height: 1.8; } - -.edit-post-options-modal__title { - font-size: 1rem; - font-weight: 600; } - -.edit-post-options-modal__section { - margin: 0 0 2rem 0; } - -.edit-post-options-modal__section-title { - font-size: 0.9rem; - font-weight: 600; } - -.edit-post-options-modal__option { - border-top: 1px solid #e2e4e7; } - .edit-post-options-modal__option:last-child { - border-bottom: 1px solid #e2e4e7; } - .edit-post-options-modal__option .components-base-control__field { - align-items: center; - display: flex; - margin: 0; } - .edit-post-options-modal__option .components-checkbox-control__label { - flex-grow: 1; - padding: 0.6rem 10px 0.6rem 0; } - -/** - * Animations - */ -@keyframes edit-post__loading-fade-animation { - 0% { - opacity: 0.5; } - 50% { - opacity: 1; } - 100% { - opacity: 0.5; } } - -@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, 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, -.components-modal__frame { - box-sizing: border-box; } - .block-editor *, - .block-editor *::before, - .block-editor *::after, - .components-modal__frame *, - .components-modal__frame *::before, - .components-modal__frame *::after { - box-sizing: inherit; } - .block-editor select, - .components-modal__frame select { - font-size: 13px; - color: #555d66; } - -@media (min-width: 600px) { - .block-editor__container { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - min-height: calc(100vh - 46px); } - body.is-fullscreen-mode .block-editor__container { - min-height: 100vh; } } - -@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%; } - -.block-editor__container .components-navigate-regions { - height: 100%; } - -.editor-post-permalink .input-control, -.editor-post-permalink input[type="text"], -.editor-post-permalink input[type="search"], -.editor-post-permalink input[type="radio"], -.editor-post-permalink input[type="tel"], -.editor-post-permalink input[type="time"], -.editor-post-permalink input[type="url"], -.editor-post-permalink input[type="week"], -.editor-post-permalink input[type="password"], -.editor-post-permalink input[type="checkbox"], -.editor-post-permalink input[type="color"], -.editor-post-permalink input[type="date"], -.editor-post-permalink input[type="datetime"], -.editor-post-permalink input[type="datetime-local"], -.editor-post-permalink input[type="email"], -.editor-post-permalink input[type="month"], -.editor-post-permalink input[type="number"], -.editor-post-permalink select, -.editor-post-permalink textarea, -.edit-post-sidebar .input-control, -.edit-post-sidebar input[type="text"], -.edit-post-sidebar input[type="search"], -.edit-post-sidebar input[type="radio"], -.edit-post-sidebar input[type="tel"], -.edit-post-sidebar input[type="time"], -.edit-post-sidebar input[type="url"], -.edit-post-sidebar input[type="week"], -.edit-post-sidebar input[type="password"], -.edit-post-sidebar input[type="checkbox"], -.edit-post-sidebar input[type="color"], -.edit-post-sidebar input[type="date"], -.edit-post-sidebar input[type="datetime"], -.edit-post-sidebar input[type="datetime-local"], -.edit-post-sidebar input[type="email"], -.edit-post-sidebar input[type="month"], -.edit-post-sidebar input[type="number"], -.edit-post-sidebar select, -.edit-post-sidebar textarea, -.editor-post-publish-panel .input-control, -.editor-post-publish-panel input[type="text"], -.editor-post-publish-panel input[type="search"], -.editor-post-publish-panel input[type="radio"], -.editor-post-publish-panel input[type="tel"], -.editor-post-publish-panel input[type="time"], -.editor-post-publish-panel input[type="url"], -.editor-post-publish-panel input[type="week"], -.editor-post-publish-panel input[type="password"], -.editor-post-publish-panel input[type="checkbox"], -.editor-post-publish-panel input[type="color"], -.editor-post-publish-panel input[type="date"], -.editor-post-publish-panel input[type="datetime"], -.editor-post-publish-panel input[type="datetime-local"], -.editor-post-publish-panel input[type="email"], -.editor-post-publish-panel input[type="month"], -.editor-post-publish-panel input[type="number"], -.editor-post-publish-panel select, -.editor-post-publish-panel textarea, -.editor-block-list__block .input-control, -.editor-block-list__block input[type="text"], -.editor-block-list__block input[type="search"], -.editor-block-list__block input[type="radio"], -.editor-block-list__block input[type="tel"], -.editor-block-list__block input[type="time"], -.editor-block-list__block input[type="url"], -.editor-block-list__block input[type="week"], -.editor-block-list__block input[type="password"], -.editor-block-list__block input[type="checkbox"], -.editor-block-list__block input[type="color"], -.editor-block-list__block input[type="date"], -.editor-block-list__block input[type="datetime"], -.editor-block-list__block input[type="datetime-local"], -.editor-block-list__block input[type="email"], -.editor-block-list__block input[type="month"], -.editor-block-list__block input[type="number"], -.editor-block-list__block select, -.editor-block-list__block textarea, -.components-popover .input-control, -.components-popover input[type="text"], -.components-popover input[type="search"], -.components-popover input[type="radio"], -.components-popover input[type="tel"], -.components-popover input[type="time"], -.components-popover input[type="url"], -.components-popover input[type="week"], -.components-popover input[type="password"], -.components-popover input[type="checkbox"], -.components-popover input[type="color"], -.components-popover input[type="date"], -.components-popover input[type="datetime"], -.components-popover input[type="datetime-local"], -.components-popover input[type="email"], -.components-popover input[type="month"], -.components-popover input[type="number"], -.components-popover select, -.components-popover textarea, -.components-modal__content .input-control, -.components-modal__content input[type="text"], -.components-modal__content input[type="search"], -.components-modal__content input[type="radio"], -.components-modal__content input[type="tel"], -.components-modal__content input[type="time"], -.components-modal__content input[type="url"], -.components-modal__content input[type="week"], -.components-modal__content input[type="password"], -.components-modal__content input[type="checkbox"], -.components-modal__content input[type="color"], -.components-modal__content input[type="date"], -.components-modal__content input[type="datetime"], -.components-modal__content input[type="datetime-local"], -.components-modal__content input[type="email"], -.components-modal__content input[type="month"], -.components-modal__content input[type="number"], -.components-modal__content select, -.components-modal__content textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; } - .editor-post-permalink .input-control:focus, - .editor-post-permalink input[type="text"]:focus, - .editor-post-permalink input[type="search"]:focus, - .editor-post-permalink input[type="radio"]:focus, - .editor-post-permalink input[type="tel"]:focus, - .editor-post-permalink input[type="time"]:focus, - .editor-post-permalink input[type="url"]:focus, - .editor-post-permalink input[type="week"]:focus, - .editor-post-permalink input[type="password"]:focus, - .editor-post-permalink input[type="checkbox"]:focus, - .editor-post-permalink input[type="color"]:focus, - .editor-post-permalink input[type="date"]:focus, - .editor-post-permalink input[type="datetime"]:focus, - .editor-post-permalink input[type="datetime-local"]:focus, - .editor-post-permalink input[type="email"]:focus, - .editor-post-permalink input[type="month"]:focus, - .editor-post-permalink input[type="number"]:focus, - .editor-post-permalink select:focus, - .editor-post-permalink textarea:focus, - .edit-post-sidebar .input-control:focus, - .edit-post-sidebar input[type="text"]:focus, - .edit-post-sidebar input[type="search"]:focus, - .edit-post-sidebar input[type="radio"]:focus, - .edit-post-sidebar input[type="tel"]:focus, - .edit-post-sidebar input[type="time"]:focus, - .edit-post-sidebar input[type="url"]:focus, - .edit-post-sidebar input[type="week"]:focus, - .edit-post-sidebar input[type="password"]:focus, - .edit-post-sidebar input[type="checkbox"]:focus, - .edit-post-sidebar input[type="color"]:focus, - .edit-post-sidebar input[type="date"]:focus, - .edit-post-sidebar input[type="datetime"]:focus, - .edit-post-sidebar input[type="datetime-local"]:focus, - .edit-post-sidebar input[type="email"]:focus, - .edit-post-sidebar input[type="month"]:focus, - .edit-post-sidebar input[type="number"]:focus, - .edit-post-sidebar select:focus, - .edit-post-sidebar textarea:focus, - .editor-post-publish-panel .input-control:focus, - .editor-post-publish-panel input[type="text"]:focus, - .editor-post-publish-panel input[type="search"]:focus, - .editor-post-publish-panel input[type="radio"]:focus, - .editor-post-publish-panel input[type="tel"]:focus, - .editor-post-publish-panel input[type="time"]:focus, - .editor-post-publish-panel input[type="url"]:focus, - .editor-post-publish-panel input[type="week"]:focus, - .editor-post-publish-panel input[type="password"]:focus, - .editor-post-publish-panel input[type="checkbox"]:focus, - .editor-post-publish-panel input[type="color"]:focus, - .editor-post-publish-panel input[type="date"]:focus, - .editor-post-publish-panel input[type="datetime"]:focus, - .editor-post-publish-panel input[type="datetime-local"]:focus, - .editor-post-publish-panel input[type="email"]:focus, - .editor-post-publish-panel input[type="month"]:focus, - .editor-post-publish-panel input[type="number"]:focus, - .editor-post-publish-panel select:focus, - .editor-post-publish-panel textarea:focus, - .editor-block-list__block .input-control:focus, - .editor-block-list__block input[type="text"]:focus, - .editor-block-list__block input[type="search"]:focus, - .editor-block-list__block input[type="radio"]:focus, - .editor-block-list__block input[type="tel"]:focus, - .editor-block-list__block input[type="time"]:focus, - .editor-block-list__block input[type="url"]:focus, - .editor-block-list__block input[type="week"]:focus, - .editor-block-list__block input[type="password"]:focus, - .editor-block-list__block input[type="checkbox"]:focus, - .editor-block-list__block input[type="color"]:focus, - .editor-block-list__block input[type="date"]:focus, - .editor-block-list__block input[type="datetime"]:focus, - .editor-block-list__block input[type="datetime-local"]:focus, - .editor-block-list__block input[type="email"]:focus, - .editor-block-list__block input[type="month"]:focus, - .editor-block-list__block input[type="number"]:focus, - .editor-block-list__block select:focus, - .editor-block-list__block textarea:focus, - .components-popover .input-control:focus, - .components-popover input[type="text"]:focus, - .components-popover input[type="search"]:focus, - .components-popover input[type="radio"]:focus, - .components-popover input[type="tel"]:focus, - .components-popover input[type="time"]:focus, - .components-popover input[type="url"]:focus, - .components-popover input[type="week"]:focus, - .components-popover input[type="password"]:focus, - .components-popover input[type="checkbox"]:focus, - .components-popover input[type="color"]:focus, - .components-popover input[type="date"]:focus, - .components-popover input[type="datetime"]:focus, - .components-popover input[type="datetime-local"]:focus, - .components-popover input[type="email"]:focus, - .components-popover input[type="month"]:focus, - .components-popover input[type="number"]:focus, - .components-popover select:focus, - .components-popover textarea:focus, - .components-modal__content .input-control:focus, - .components-modal__content input[type="text"]:focus, - .components-modal__content input[type="search"]:focus, - .components-modal__content input[type="radio"]:focus, - .components-modal__content input[type="tel"]:focus, - .components-modal__content input[type="time"]:focus, - .components-modal__content input[type="url"]:focus, - .components-modal__content input[type="week"]:focus, - .components-modal__content input[type="password"]:focus, - .components-modal__content input[type="checkbox"]:focus, - .components-modal__content input[type="color"]:focus, - .components-modal__content input[type="date"]:focus, - .components-modal__content input[type="datetime"]:focus, - .components-modal__content input[type="datetime-local"]:focus, - .components-modal__content input[type="email"]:focus, - .components-modal__content input[type="month"]:focus, - .components-modal__content input[type="number"]:focus, - .components-modal__content select:focus, - .components-modal__content textarea:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - -.editor-post-permalink select, -.edit-post-sidebar select, -.editor-post-publish-panel select, -.editor-block-list__block select, -.components-popover select, -.components-modal__content select { - padding: 2px; } - .editor-post-permalink select:focus, - .edit-post-sidebar select:focus, - .editor-post-publish-panel select:focus, - .editor-block-list__block select:focus, - .components-popover select:focus, - .components-modal__content select:focus { - border-color: #008dbe; - outline: 2px solid transparent; - outline-offset: 0; } - -.editor-post-permalink input[type="checkbox"], -.editor-post-permalink input[type="radio"], -.edit-post-sidebar input[type="checkbox"], -.edit-post-sidebar input[type="radio"], -.editor-post-publish-panel input[type="checkbox"], -.editor-post-publish-panel input[type="radio"], -.editor-block-list__block input[type="checkbox"], -.editor-block-list__block input[type="radio"], -.components-popover input[type="checkbox"], -.components-popover input[type="radio"], -.components-modal__content input[type="checkbox"], -.components-modal__content input[type="radio"] { - border: 2px solid #6c7781; - margin-left: 12px; - transition: none; } - .editor-post-permalink input[type="checkbox"]:focus, - .editor-post-permalink input[type="radio"]:focus, - .edit-post-sidebar input[type="checkbox"]:focus, - .edit-post-sidebar input[type="radio"]:focus, - .editor-post-publish-panel input[type="checkbox"]:focus, - .editor-post-publish-panel input[type="radio"]:focus, - .editor-block-list__block input[type="checkbox"]:focus, - .editor-block-list__block input[type="radio"]:focus, - .components-popover input[type="checkbox"]:focus, - .components-popover input[type="radio"]:focus, - .components-modal__content input[type="checkbox"]:focus, - .components-modal__content input[type="radio"]:focus { - border-color: #6c7781; - box-shadow: 0 0 0 1px #6c7781; } - .editor-post-permalink input[type="checkbox"]:checked, - .editor-post-permalink input[type="radio"]:checked, - .edit-post-sidebar input[type="checkbox"]:checked, - .edit-post-sidebar input[type="radio"]:checked, - .editor-post-publish-panel input[type="checkbox"]:checked, - .editor-post-publish-panel input[type="radio"]:checked, - .editor-block-list__block input[type="checkbox"]:checked, - .editor-block-list__block input[type="radio"]:checked, - .components-popover input[type="checkbox"]:checked, - .components-popover input[type="radio"]:checked, - .components-modal__content input[type="checkbox"]:checked, - .components-modal__content input[type="radio"]:checked { - background: #11a0d2; - border-color: #11a0d2; } - body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked { - background: #c8b03c; - border-color: #c8b03c; } - body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked { - background: #a3b9a2; - border-color: #a3b9a2; } - body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked { - background: #77a6b9; - border-color: #77a6b9; } - body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked { - background: #a7b656; - border-color: #a7b656; } - body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked { - background: #c2a68c; - border-color: #c2a68c; } - body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked { - background: #82b4cb; - border-color: #82b4cb; } - body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked { - background: #11a0d2; - border-color: #11a0d2; } - .editor-post-permalink input[type="checkbox"]:checked:focus, - .editor-post-permalink input[type="radio"]:checked:focus, - .edit-post-sidebar input[type="checkbox"]:checked:focus, - .edit-post-sidebar input[type="radio"]:checked:focus, - .editor-post-publish-panel input[type="checkbox"]:checked:focus, - .editor-post-publish-panel input[type="radio"]:checked:focus, - .editor-block-list__block input[type="checkbox"]:checked:focus, - .editor-block-list__block input[type="radio"]:checked:focus, - .components-popover input[type="checkbox"]:checked:focus, - .components-popover input[type="radio"]:checked:focus, - .components-modal__content input[type="checkbox"]:checked:focus, - .components-modal__content input[type="radio"]:checked:focus { - box-shadow: 0 0 0 2px #555d66; } - -.editor-post-permalink input[type="checkbox"], -.edit-post-sidebar input[type="checkbox"], -.editor-post-publish-panel input[type="checkbox"], -.editor-block-list__block input[type="checkbox"], -.components-popover input[type="checkbox"], -.components-modal__content input[type="checkbox"] { - border-radius: 2px; } - .editor-post-permalink input[type="checkbox"]:checked::before, - .edit-post-sidebar input[type="checkbox"]:checked::before, - .editor-post-publish-panel input[type="checkbox"]:checked::before, - .editor-block-list__block input[type="checkbox"]:checked::before, - .components-popover input[type="checkbox"]:checked::before, - .components-modal__content input[type="checkbox"]:checked::before { - margin: -4px -5px 0 0; - color: #fff; } - -.editor-post-permalink input[type="radio"], -.edit-post-sidebar input[type="radio"], -.editor-post-publish-panel input[type="radio"], -.editor-block-list__block input[type="radio"], -.components-popover input[type="radio"], -.components-modal__content input[type="radio"] { - border-radius: 50%; } - .editor-post-permalink input[type="radio"]:checked::before, - .edit-post-sidebar input[type="radio"]:checked::before, - .editor-post-publish-panel input[type="radio"]:checked::before, - .editor-block-list__block input[type="radio"]:checked::before, - .components-popover input[type="radio"]:checked::before, - .components-modal__content input[type="radio"]:checked::before { - margin: 3px 3px 0 0; - background-color: #fff; } - -.editor-post-title input::-webkit-input-placeholder, -.editor-post-title textarea::-webkit-input-placeholder, -.editor-block-list__block input::-webkit-input-placeholder, -.editor-block-list__block textarea::-webkit-input-placeholder { - color: rgba(14, 28, 46, 0.62); } - -.editor-post-title input::-moz-placeholder, -.editor-post-title textarea::-moz-placeholder, -.editor-block-list__block input::-moz-placeholder, -.editor-block-list__block textarea::-moz-placeholder { - opacity: 1; - color: rgba(14, 28, 46, 0.62); } - -.editor-post-title input:-ms-input-placeholder, -.editor-post-title textarea:-ms-input-placeholder, -.editor-block-list__block input:-ms-input-placeholder, -.editor-block-list__block textarea:-ms-input-placeholder { - color: rgba(14, 28, 46, 0.62); } - -.is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme -.editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme -.editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme -.editor-block-list__block textarea::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - -.is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme -.editor-post-title textarea::-moz-placeholder, .is-dark-theme -.editor-block-list__block input::-moz-placeholder, .is-dark-theme -.editor-block-list__block textarea::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - -.is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme -.editor-post-title textarea:-ms-input-placeholder, .is-dark-theme -.editor-block-list__block input:-ms-input-placeholder, .is-dark-theme -.editor-block-list__block textarea:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - -.wp-block { - max-width: 610px; } - .wp-block[data-align="wide"] { - max-width: 1100px; } - .wp-block[data-align="full"] { - max-width: none; } +body.js.is-fullscreen-mode{margin-top:-46px;height:calc(100% + 46px);animation:edit-post__fade-in-animation .3s ease-out 0s;animation-fill-mode:forwards}@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}body.js.is-fullscreen-mode .edit-post-header{transform:translateY(-100%);animation:edit-post-fullscreen-mode__slide-in-animation .1s forwards}@keyframes edit-post-fullscreen-mode__slide-in-animation{to{transform:translateY(0)}}.edit-post-header{height:56px;padding:4px 2px;border-bottom:1px solid #e2e4e7;background:#fff;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;z-index:30;left:0;top:0;position:-webkit-sticky;position:sticky}@media (min-width:600px){.edit-post-header{position:fixed;padding:8px;top:46px}body.is-fullscreen-mode .edit-post-header{top:0}}@media (min-width:782px){.edit-post-header{top:32px}body.is-fullscreen-mode .edit-post-header{top:0}}.edit-post-header .editor-post-switch-to-draft+.editor-post-preview{display:none}@media (min-width:600px){.edit-post-header .editor-post-switch-to-draft+.editor-post-preview{display:inline-flex}}.edit-post-header>.edit-post-header__settings{order:1}@supports ((position:-webkit-sticky) or (position:sticky)){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header{right:0}@media (min-width:782px){.edit-post-header{right:160px}}@media (min-width:782px){.auto-fold .edit-post-header{right:36px}}@media (min-width:960px){.auto-fold .edit-post-header{right:160px}}.folded .edit-post-header{right:0}@media (min-width:782px){.folded .edit-post-header{right:36px}}@media (max-width:782px){.auto-fold .wp-responsive-open .edit-post-header{right:190px}}@media (max-width:600px){.auto-fold .wp-responsive-open .edit-post-header{margin-right:-18px}}body.is-fullscreen-mode .edit-post-header{right:0!important}.edit-post-header__settings{display:inline-flex;align-items:center}.edit-post-header .components-button.is-toggled{color:#fff}.edit-post-header .components-button.is-toggled:before{content:"";border-radius:4px;position:absolute;z-index:-1;background:#555d66;top:1px;left:1px;bottom:1px;right:1px}.edit-post-header .components-button.is-toggled:focus,.edit-post-header .components-button.is-toggled:hover{box-shadow:0 0 0 1px #555d66,inset 0 0 0 1px #fff;color:#fff;background:#555d66}.edit-post-header .components-button.editor-post-preview,.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle,.edit-post-header .components-button.editor-post-save-draft,.edit-post-header .components-button.editor-post-switch-to-draft{margin:2px;height:33px;line-height:32px;font-size:13px}.edit-post-header .components-button.editor-post-save-draft,.edit-post-header .components-button.editor-post-switch-to-draft{padding:0 5px}@media (min-width:600px){.edit-post-header .components-button.editor-post-save-draft,.edit-post-header .components-button.editor-post-switch-to-draft{padding:0 12px}}.edit-post-header .components-button.editor-post-preview,.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle{padding:0 5px 2px}@media (min-width:600px){.edit-post-header .components-button.editor-post-preview,.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle{padding:0 12px 2px}}@media (min-width:782px){.edit-post-header .components-button.editor-post-preview{margin:0 12px 0 3px}.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle{margin:0 3px 0 12px}}.edit-post-fullscreen-mode-close__toolbar{border-top:0;border-bottom:0;border-right:0;margin:-9px -10px -9px 10px;padding:9px 10px}.edit-post-header-toolbar{display:inline-flex;align-items:center}.edit-post-header-toolbar>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar>.components-button{display:inline-flex}}.edit-post-header-toolbar .editor-block-navigation,.edit-post-header-toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header-toolbar .editor-block-navigation,.edit-post-header-toolbar .table-of-contents{display:flex}}.edit-post-header-toolbar__block-toolbar{position:absolute;top:56px;right:0;left:0;background:#fff;min-height:37px;border-bottom:1px solid #e2e4e7}.edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar{border-top:none;border-bottom:none}.is-sidebar-opened .edit-post-header-toolbar__block-toolbar{display:none}@media (min-width:782px){.is-sidebar-opened .edit-post-header-toolbar__block-toolbar{display:block;left:280px}}@media (min-width:1080px){.edit-post-header-toolbar__block-toolbar{padding-right:8px;position:static;right:auto;left:auto;background:none;border-bottom:none;min-height:auto}.is-sidebar-opened .edit-post-header-toolbar__block-toolbar{left:auto}.edit-post-header-toolbar__block-toolbar .editor-block-toolbar{margin:-9px 0}.edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar{padding:10px 4px 9px}}.edit-post-more-menu{margin-right:-4px}.edit-post-more-menu .components-icon-button{width:auto;padding:8px 2px}@media (min-width:600px){.edit-post-more-menu{margin-right:4px}.edit-post-more-menu .components-icon-button{padding:8px 4px}}.edit-post-more-menu .components-button svg{transform:rotate(-90deg)}.edit-post-more-menu__content .components-popover__content{min-width:260px}@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-menu-group:not(:last-child),.edit-post-more-menu__content .components-popover__content>div:not(:last-child) .components-menu-group{border-bottom:1px solid #e2e4e7}.edit-post-more-menu__content .components-popover__content .components-menu-item__button{padding-right:2rem}.edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon{padding-right:.5rem}.edit-post-pinned-plugins{display:none}@media (min-width:600px){.edit-post-pinned-plugins{display:flex}}.edit-post-pinned-plugins .components-icon-button{margin-right:4px}.edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg,.edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg *{stroke:#555d66;fill:#555d66}.edit-post-pinned-plugins .components-icon-button.is-toggled svg,.edit-post-pinned-plugins .components-icon-button.is-toggled svg *{stroke:#fff!important;fill:#fff!important}.edit-post-pinned-plugins .components-icon-button:hover svg,.edit-post-pinned-plugins .components-icon-button:hover svg *{stroke:#191e23!important;fill:#191e23!important}.edit-post-keyboard-shortcut-help__title{font-size:1rem;font-weight:600}.edit-post-keyboard-shortcut-help__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help__shortcut{display:flex;align-items:center;padding:.6rem 0;border-top:1px solid #e2e4e7}.edit-post-keyboard-shortcut-help__shortcut:last-child{border-bottom:1px solid #e2e4e7}.edit-post-keyboard-shortcut-help__shortcut-term{order:1;font-weight:600;margin:0 1rem 0 0}.edit-post-keyboard-shortcut-help__shortcut-description{flex:1;order:0;margin:0;flex-basis:auto}.edit-post-keyboard-shortcut-help__shortcut-key-combination{background:none;margin:0;padding:0}.edit-post-keyboard-shortcut-help__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.edit-post-keyboard-shortcut-help__shortcut-key:last-child{margin:0 .2rem 0 0}.edit-post-layout,.edit-post-layout__content{height:100%}.edit-post-layout{position:relative}.edit-post-layout .components-notice-list{position:-webkit-sticky;position:sticky;top:56px;left:0;color:#191e23}@media (min-width:600px){.edit-post-layout .components-notice-list{position:fixed;top:inherit}}.edit-post-layout .components-notice-list .components-notice{margin:0 0 5px;padding:6px 12px;min-height:50px}.edit-post-layout .components-notice-list .components-notice .components-notice__dismiss{margin:10px 5px}@media (min-width:600px){.edit-post-layout{padding-top:56px}}.edit-post-layout.has-fixed-toolbar .edit-post-layout__content{padding-top:36px}@media (min-width:600px){.edit-post-layout.has-fixed-toolbar{padding-top:93px}.edit-post-layout.has-fixed-toolbar .edit-post-layout__content{padding-top:0}}@media (min-width:960px){.edit-post-layout.has-fixed-toolbar{padding-top:56px}}.components-notice-list{right:0}@media (min-width:782px){.components-notice-list{right:160px}}@media (min-width:782px){.auto-fold .components-notice-list{right:36px}}@media (min-width:960px){.auto-fold .components-notice-list{right:160px}}.folded .components-notice-list{right:0}@media (min-width:782px){.folded .components-notice-list{right:36px}}@media (max-width:782px){.auto-fold .wp-responsive-open .components-notice-list{right:190px}}@media (max-width:600px){.auto-fold .wp-responsive-open .components-notice-list{margin-right:-18px}}body.is-fullscreen-mode .components-notice-list{right:0!important}.components-notice-list{left:0}.edit-post-layout.is-sidebar-opened .components-notice-list{left:280px}.edit-post-layout__metaboxes:not(:empty){border-top:1px solid #e2e4e7;margin-top:10px;padding:10px 0;clear:both}.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area{margin:auto 20px}.edit-post-layout__content{position:relative;display:flex;min-height:100%;flex-direction:column;padding-bottom:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width:600px){.edit-post-layout__content{padding-bottom:0;overscroll-behavior-y:none}}.edit-post-layout__content .edit-post-visual-editor{flex-grow:1}@supports ((position:-webkit-sticky) or (position:sticky)){.edit-post-layout__content .edit-post-visual-editor{flex-basis:100%}}.edit-post-layout__content .edit-post-layout__metaboxes{flex-shrink:0}.edit-post-layout .editor-post-publish-panel{position:fixed;z-index:100001;top:46px;bottom:0;left:0;right:0;overflow:auto}body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{top:32px;right:auto;width:280px;border-right:1px solid #e2e4e7;transform:translateX(-100%);animation:edit-post-layout__slide-in-animation .1s forwards}body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}}@keyframes edit-post-layout__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large{height:33px;line-height:32px}.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer{display:inline-flex;flex:0 1 52px}.edit-post-toggle-publish-panel{position:absolute;bottom:0;left:0;z-index:100000;width:280px;height:0;overflow:hidden}.edit-post-toggle-publish-panel:focus-within{height:auto;padding:20px 0 0}.edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button{float:left;width:auto;height:auto;font-size:14px;font-weight:600;padding:15px 23px 14px;line-height:normal;text-decoration:none;outline:none;background:#f1f1f1}.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{border-bottom:1px solid #e2e4e7;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 #e2e4e7;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__clear{clear:both}.edit-post-sidebar{position:fixed;z-index:100000;top:0;left:0;bottom:0;width:280px;border-right:1px solid #e2e4e7;background:#fff;color:#555d66;height:100vh;overflow:hidden}@media (min-width:600px){.edit-post-sidebar{top:102px;z-index:90;height:auto;overflow:auto;-webkit-overflow-scrolling:touch}body.is-fullscreen-mode .edit-post-sidebar{top:56px}}@media (min-width:782px){.edit-post-sidebar{top:88px}body.is-fullscreen-mode .edit-post-sidebar{top:56px}}.edit-post-sidebar>.components-panel{border-right:none;border-left:none;overflow:auto;-webkit-overflow-scrolling:touch;height:auto;max-height:calc(100vh - 96px);margin-top:-1px;margin-bottom:-1px}body.is-fullscreen-mode .edit-post-sidebar>.components-panel{max-height:calc(100vh - 50px)}@media (min-width:600px){body.is-fullscreen-mode .edit-post-sidebar>.components-panel{max-height:none}}@media (min-width:600px){.edit-post-sidebar>.components-panel{overflow:inherit;height:auto;max-height:none}}.edit-post-sidebar>.components-panel .components-panel__header{position:fixed;z-index:1;top:0;right:0;left:0;height:50px}@media (min-width:600px){.edit-post-sidebar>.components-panel .components-panel__header{position:inherit;top:auto;right:auto;left:auto}}.edit-post-sidebar p{margin-top:0}.edit-post-sidebar h2,.edit-post-sidebar h3{font-size:13px;color:#555d66;margin-bottom:1.5em}.edit-post-sidebar hr{border-top:none;border-bottom:1px solid #e2e4e7;margin:1.5em 0}.edit-post-sidebar div.components-toolbar{box-shadow:none;margin-bottom:1.5em}.edit-post-sidebar div.components-toolbar:last-child{margin-bottom:0}.edit-post-sidebar p+div.components-toolbar{margin-top:-1em}.edit-post-sidebar .editor-skip-to-selected-block:focus{top:auto;left:10px;bottom:10px;right:auto}@media (min-width:782px){.edit-post-layout.is-sidebar-opened .edit-post-layout__content{margin-left:280px}}.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout,.edit-post-layout.is-sidebar-opened .edit-post-sidebar{width:100%}@media (min-width:782px){.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout,.edit-post-layout.is-sidebar-opened .edit-post-sidebar{width:280px}}.components-panel__header.edit-post-sidebar__header{background:#fff;padding-left:8px}.components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.edit-post-sidebar__header{display:none}}.components-panel__header.edit-post-sidebar__panel-tabs{margin-top:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button{display:none;margin-right:auto}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button{display:flex}}.edit-post-sidebar__panel-tab{height:50px}.components-panel__body.is-opened.edit-post-last-revision__panel{padding:0}.editor-post-last-revision__title{padding:13px 16px}.editor-post-author__select{margin:-5px 0;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.editor-post-author__select{width:auto}}.edit-post-post-link__link-post-name{font-weight:600}.edit-post-post-link__preview-label{margin:0}.edit-post-post-link__link{word-wrap:break-word}.edit-post-post-schedule{width:100%;position:relative}.edit-post-post-schedule__label{display:none}.components-button.edit-post-post-schedule__toggle{text-align:left}.edit-post-post-schedule__dialog .components-popover__content{padding:10px}@media (min-width:782px){.edit-post-post-schedule__dialog .components-popover__content{width:270px}}.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%}.edit-post-post-visibility__dialog .components-popover__content{padding:10px}@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:#7e8993;padding-right:20px;font-style:italic;margin:4px 0 0;line-height:1.4}.components-panel__header.edit-post-sidebar__panel-tabs{justify-content:flex-start;padding-right:0;padding-left:4px;border-top:0;position:-webkit-sticky;position:sticky;z-index:1;top:0}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.edit-post-sidebar__panel-tab{background:transparent;border:none;border-radius:0;cursor:pointer;height:48px;padding:3px 15px;margin-right:0;font-weight:400;color:#191e23;outline-offset:-1px}.edit-post-sidebar__panel-tab:after{content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;speak:none;visibility:hidden}.edit-post-sidebar__panel-tab.is-active{padding-bottom:0;border-bottom:3px solid #0085ba;font-weight:600}body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #d1864a}body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #a3b9a2}body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #e14d43}body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #a7b656}body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #c2a68c}body.admin-color-blue .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #82b4cb}body.admin-color-light .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #0085ba}.edit-post-sidebar__panel-tab:focus{color:#191e23;outline:1px solid #6c7781;box-shadow:none}.edit-post-settings-sidebar__panel-block .components-panel__body{border:none;border-top:1px solid #e2e4e7;margin:0 -16px}.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control{margin:0 0 1.5em}.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child{margin-bottom:.5em}.edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle{color:#191e23}.edit-post-settings-sidebar__panel-block .components-panel__body:first-child{margin-top:16px}.edit-post-settings-sidebar__panel-block .components-panel__body:last-child{margin-bottom:-16px}.components-panel__header.edit-post-sidebar-header__small{background:#fff;padding-left:4px}.components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.edit-post-sidebar-header__small{display:none}}.components-panel__header.edit-post-sidebar-header{padding-left:4px;background:#f3f4f5}.components-panel__header.edit-post-sidebar-header .components-icon-button{display:none;margin-right:auto}.components-panel__header.edit-post-sidebar-header .components-icon-button~.components-icon-button{margin-right:0}@media (min-width:782px){.components-panel__header.edit-post-sidebar-header .components-icon-button{display:flex}}.edit-post-text-editor__body{padding-top:40px}@media (min-width:600px){.edit-post-text-editor__body{padding-top:86px}body.is-fullscreen-mode .edit-post-text-editor__body{padding-top:40px}}@media (min-width:782px){.edit-post-text-editor__body,body.is-fullscreen-mode .edit-post-text-editor__body{padding-top:40px}}.edit-post-text-editor{width:100%;margin-right:16px;margin-left:16px;padding-top:44px}@media (min-width:600px){.edit-post-text-editor{max-width:610px;margin-right:auto;margin-left:auto}}.edit-post-text-editor .editor-post-title__block textarea{border:1px solid #e2e4e7;margin-bottom:4px;padding:14px}.edit-post-text-editor .editor-post-title__block.is-selected textarea,.edit-post-text-editor .editor-post-title__block textarea:hover{box-shadow:0 0 0 1px #e2e4e7}.edit-post-text-editor .editor-post-permalink{right:0;left:0;margin-top:-6px}@media (min-width:600px){.edit-post-text-editor .editor-post-title,.edit-post-text-editor .editor-post-title__block{padding:0}}.edit-post-text-editor .editor-post-text-editor{padding:14px;min-height:200px;line-height:1.8}.edit-post-text-editor .edit-post-text-editor__toolbar{position:absolute;top:8px;right:0;left:0;height:36px;line-height:36px;padding:0 16px 0 8px;display:flex}.edit-post-text-editor .edit-post-text-editor__toolbar h2{margin:0 0 0 auto;font-size:13px;color:#555d66}.edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg{order:1}.edit-post-visual-editor{position:relative;padding:50px 0}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.edit-post-visual-editor .editor-writing-flow__click-redirect{height:50px;width:100%;margin:-4px auto -50px}.edit-post-visual-editor .editor-block-list__block{margin-right:auto;margin-left:auto}@media (min-width:600px){.edit-post-visual-editor .editor-block-list__block .editor-block-list__block-edit{margin-right:-28px;margin-left:-28px}.edit-post-visual-editor .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-contextual-toolbar,.edit-post-visual-editor .editor-block-list__block[data-align=wide]>.editor-block-list__block-edit>.editor-block-contextual-toolbar{width:calc(100% + 30px);height:0;text-align:center;float:right}.edit-post-visual-editor .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-contextual-toolbar .editor-block-toolbar,.edit-post-visual-editor .editor-block-list__block[data-align=wide]>.editor-block-list__block-edit>.editor-block-contextual-toolbar .editor-block-toolbar{max-width:610px;width:100%;position:relative}.edit-post-visual-editor .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-contextual-toolbar{width:100%;margin-right:0;margin-left:0}}@media (min-width:600px){.editor-post-title{padding-right:46px;padding-left:46px}}.edit-post-visual-editor .editor-post-title__block{margin-right:auto;margin-left:auto;margin-bottom:-20px}.edit-post-visual-editor .editor-post-title__block>div{margin-right:0;margin-left:0}@media (min-width:600px){.edit-post-visual-editor .editor-post-title__block>div{margin-right:-2px;margin-left:-2px}}.edit-post-visual-editor .editor-block-list__layout>.editor-block-list__block[data-align=left]:first-child,.edit-post-visual-editor .editor-block-list__layout>.editor-block-list__block[data-align=right]:first-child{margin-top:34px}.edit-post-visual-editor .editor-default-block-appender{margin-right:auto;margin-left:auto;position:relative}.edit-post-visual-editor .editor-default-block-appender[data-root-client-id=""] .editor-default-block-appender__content:hover{outline:1px solid transparent}.edit-post-visual-editor .editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible=true]+p,.edit-post-visual-editor .editor-default-block-appender__content{min-height:28px;line-height:1.8}.edit-post-options-modal__title{font-size:1rem;font-weight:600}.edit-post-options-modal__section{margin:0 0 2rem}.edit-post-options-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-options-modal__option{border-top:1px solid #e2e4e7}.edit-post-options-modal__option:last-child{border-bottom:1px solid #e2e4e7}.edit-post-options-modal__option .components-base-control__field{align-items:center;display:flex;margin:0}.edit-post-options-modal__option .components-checkbox-control__label{flex-grow:1;padding:.6rem 10px .6rem 0}@keyframes edit-post__loading-fade-animation{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@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,.components-modal__frame{box-sizing:border-box}.block-editor *,.block-editor :after,.block-editor :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}.block-editor select,.components-modal__frame select{font-size:13px;color:#555d66}@media (min-width:600px){.block-editor__container{position:absolute;top:0;left:0;bottom:0;right:0;min-height:calc(100vh - 46px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}@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%}.block-editor__container .components-navigate-regions{height:100%}.components-modal__content .input-control,.components-modal__content input[type=checkbox],.components-modal__content input[type=color],.components-modal__content input[type=date],.components-modal__content input[type=datetime-local],.components-modal__content input[type=datetime],.components-modal__content input[type=email],.components-modal__content input[type=month],.components-modal__content input[type=number],.components-modal__content input[type=password],.components-modal__content input[type=radio],.components-modal__content input[type=search],.components-modal__content input[type=tel],.components-modal__content input[type=text],.components-modal__content input[type=time],.components-modal__content input[type=url],.components-modal__content input[type=week],.components-modal__content select,.components-modal__content textarea,.components-popover .input-control,.components-popover input[type=checkbox],.components-popover input[type=color],.components-popover input[type=date],.components-popover input[type=datetime-local],.components-popover input[type=datetime],.components-popover input[type=email],.components-popover input[type=month],.components-popover input[type=number],.components-popover input[type=password],.components-popover input[type=radio],.components-popover input[type=search],.components-popover input[type=tel],.components-popover input[type=text],.components-popover input[type=time],.components-popover input[type=url],.components-popover input[type=week],.components-popover select,.components-popover textarea,.edit-post-sidebar .input-control,.edit-post-sidebar input[type=checkbox],.edit-post-sidebar input[type=color],.edit-post-sidebar input[type=date],.edit-post-sidebar input[type=datetime-local],.edit-post-sidebar input[type=datetime],.edit-post-sidebar input[type=email],.edit-post-sidebar input[type=month],.edit-post-sidebar input[type=number],.edit-post-sidebar input[type=password],.edit-post-sidebar input[type=radio],.edit-post-sidebar input[type=search],.edit-post-sidebar input[type=tel],.edit-post-sidebar input[type=text],.edit-post-sidebar input[type=time],.edit-post-sidebar input[type=url],.edit-post-sidebar input[type=week],.edit-post-sidebar select,.edit-post-sidebar textarea,.editor-block-list__block .input-control,.editor-block-list__block input[type=checkbox],.editor-block-list__block input[type=color],.editor-block-list__block input[type=date],.editor-block-list__block input[type=datetime-local],.editor-block-list__block input[type=datetime],.editor-block-list__block input[type=email],.editor-block-list__block input[type=month],.editor-block-list__block input[type=number],.editor-block-list__block input[type=password],.editor-block-list__block input[type=radio],.editor-block-list__block input[type=search],.editor-block-list__block input[type=tel],.editor-block-list__block input[type=text],.editor-block-list__block input[type=time],.editor-block-list__block input[type=url],.editor-block-list__block input[type=week],.editor-block-list__block select,.editor-block-list__block textarea,.editor-post-permalink .input-control,.editor-post-permalink input[type=checkbox],.editor-post-permalink input[type=color],.editor-post-permalink input[type=date],.editor-post-permalink input[type=datetime-local],.editor-post-permalink input[type=datetime],.editor-post-permalink input[type=email],.editor-post-permalink input[type=month],.editor-post-permalink input[type=number],.editor-post-permalink input[type=password],.editor-post-permalink input[type=radio],.editor-post-permalink input[type=search],.editor-post-permalink input[type=tel],.editor-post-permalink input[type=text],.editor-post-permalink input[type=time],.editor-post-permalink input[type=url],.editor-post-permalink input[type=week],.editor-post-permalink select,.editor-post-permalink textarea,.editor-post-publish-panel .input-control,.editor-post-publish-panel input[type=checkbox],.editor-post-publish-panel input[type=color],.editor-post-publish-panel input[type=date],.editor-post-publish-panel input[type=datetime-local],.editor-post-publish-panel input[type=datetime],.editor-post-publish-panel input[type=email],.editor-post-publish-panel input[type=month],.editor-post-publish-panel input[type=number],.editor-post-publish-panel input[type=password],.editor-post-publish-panel input[type=radio],.editor-post-publish-panel input[type=search],.editor-post-publish-panel input[type=tel],.editor-post-publish-panel input[type=text],.editor-post-publish-panel input[type=time],.editor-post-publish-panel input[type=url],.editor-post-publish-panel input[type=week],.editor-post-publish-panel select,.editor-post-publish-panel textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:4px;border:1px solid #8d96a0}.components-modal__content .input-control:focus,.components-modal__content input[type=checkbox]:focus,.components-modal__content input[type=color]:focus,.components-modal__content input[type=date]:focus,.components-modal__content input[type=datetime-local]:focus,.components-modal__content input[type=datetime]:focus,.components-modal__content input[type=email]:focus,.components-modal__content input[type=month]:focus,.components-modal__content input[type=number]:focus,.components-modal__content input[type=password]:focus,.components-modal__content input[type=radio]:focus,.components-modal__content input[type=search]:focus,.components-modal__content input[type=tel]:focus,.components-modal__content input[type=text]:focus,.components-modal__content input[type=time]:focus,.components-modal__content input[type=url]:focus,.components-modal__content input[type=week]:focus,.components-modal__content select:focus,.components-modal__content textarea:focus,.components-popover .input-control:focus,.components-popover input[type=checkbox]:focus,.components-popover input[type=color]:focus,.components-popover input[type=date]:focus,.components-popover input[type=datetime-local]:focus,.components-popover input[type=datetime]:focus,.components-popover input[type=email]:focus,.components-popover input[type=month]:focus,.components-popover input[type=number]:focus,.components-popover input[type=password]:focus,.components-popover input[type=radio]:focus,.components-popover input[type=search]:focus,.components-popover input[type=tel]:focus,.components-popover input[type=text]:focus,.components-popover input[type=time]:focus,.components-popover input[type=url]:focus,.components-popover input[type=week]:focus,.components-popover select:focus,.components-popover textarea:focus,.edit-post-sidebar .input-control:focus,.edit-post-sidebar input[type=checkbox]:focus,.edit-post-sidebar input[type=color]:focus,.edit-post-sidebar input[type=date]:focus,.edit-post-sidebar input[type=datetime-local]:focus,.edit-post-sidebar input[type=datetime]:focus,.edit-post-sidebar input[type=email]:focus,.edit-post-sidebar input[type=month]:focus,.edit-post-sidebar input[type=number]:focus,.edit-post-sidebar input[type=password]:focus,.edit-post-sidebar input[type=radio]:focus,.edit-post-sidebar input[type=search]:focus,.edit-post-sidebar input[type=tel]:focus,.edit-post-sidebar input[type=text]:focus,.edit-post-sidebar input[type=time]:focus,.edit-post-sidebar input[type=url]:focus,.edit-post-sidebar input[type=week]:focus,.edit-post-sidebar select:focus,.edit-post-sidebar textarea:focus,.editor-block-list__block .input-control:focus,.editor-block-list__block input[type=checkbox]:focus,.editor-block-list__block input[type=color]:focus,.editor-block-list__block input[type=date]:focus,.editor-block-list__block input[type=datetime-local]:focus,.editor-block-list__block input[type=datetime]:focus,.editor-block-list__block input[type=email]:focus,.editor-block-list__block input[type=month]:focus,.editor-block-list__block input[type=number]:focus,.editor-block-list__block input[type=password]:focus,.editor-block-list__block input[type=radio]:focus,.editor-block-list__block input[type=search]:focus,.editor-block-list__block input[type=tel]:focus,.editor-block-list__block input[type=text]:focus,.editor-block-list__block input[type=time]:focus,.editor-block-list__block input[type=url]:focus,.editor-block-list__block input[type=week]:focus,.editor-block-list__block select:focus,.editor-block-list__block textarea:focus,.editor-post-permalink .input-control:focus,.editor-post-permalink input[type=checkbox]:focus,.editor-post-permalink input[type=color]:focus,.editor-post-permalink input[type=date]:focus,.editor-post-permalink input[type=datetime-local]:focus,.editor-post-permalink input[type=datetime]:focus,.editor-post-permalink input[type=email]:focus,.editor-post-permalink input[type=month]:focus,.editor-post-permalink input[type=number]:focus,.editor-post-permalink input[type=password]:focus,.editor-post-permalink input[type=radio]:focus,.editor-post-permalink input[type=search]:focus,.editor-post-permalink input[type=tel]:focus,.editor-post-permalink input[type=text]:focus,.editor-post-permalink input[type=time]:focus,.editor-post-permalink input[type=url]:focus,.editor-post-permalink input[type=week]:focus,.editor-post-permalink select:focus,.editor-post-permalink textarea:focus,.editor-post-publish-panel .input-control:focus,.editor-post-publish-panel input[type=checkbox]:focus,.editor-post-publish-panel input[type=color]:focus,.editor-post-publish-panel input[type=date]:focus,.editor-post-publish-panel input[type=datetime-local]:focus,.editor-post-publish-panel input[type=datetime]:focus,.editor-post-publish-panel input[type=email]:focus,.editor-post-publish-panel input[type=month]:focus,.editor-post-publish-panel input[type=number]:focus,.editor-post-publish-panel input[type=password]:focus,.editor-post-publish-panel input[type=radio]:focus,.editor-post-publish-panel input[type=search]:focus,.editor-post-publish-panel input[type=tel]:focus,.editor-post-publish-panel input[type=text]:focus,.editor-post-publish-panel input[type=time]:focus,.editor-post-publish-panel input[type=url]:focus,.editor-post-publish-panel input[type=week]:focus,.editor-post-publish-panel select:focus,.editor-post-publish-panel textarea:focus{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-modal__content select,.components-popover select,.edit-post-sidebar select,.editor-block-list__block select,.editor-post-permalink select,.editor-post-publish-panel select{padding:2px}.components-modal__content select:focus,.components-popover select:focus,.edit-post-sidebar select:focus,.editor-block-list__block select:focus,.editor-post-permalink select:focus,.editor-post-publish-panel select:focus{border-color:#008dbe;outline:2px solid transparent;outline-offset:0}.components-modal__content input[type=checkbox],.components-modal__content input[type=radio],.components-popover input[type=checkbox],.components-popover input[type=radio],.edit-post-sidebar input[type=checkbox],.edit-post-sidebar input[type=radio],.editor-block-list__block input[type=checkbox],.editor-block-list__block input[type=radio],.editor-post-permalink input[type=checkbox],.editor-post-permalink input[type=radio],.editor-post-publish-panel input[type=checkbox],.editor-post-publish-panel input[type=radio]{border:2px solid #6c7781;margin-left:12px;transition:none}.components-modal__content input[type=checkbox]:focus,.components-modal__content input[type=radio]:focus,.components-popover input[type=checkbox]:focus,.components-popover input[type=radio]:focus,.edit-post-sidebar input[type=checkbox]:focus,.edit-post-sidebar input[type=radio]:focus,.editor-block-list__block input[type=checkbox]:focus,.editor-block-list__block input[type=radio]:focus,.editor-post-permalink input[type=checkbox]:focus,.editor-post-permalink input[type=radio]:focus,.editor-post-publish-panel input[type=checkbox]:focus,.editor-post-publish-panel input[type=radio]:focus{border-color:#6c7781;box-shadow:0 0 0 1px #6c7781}.components-modal__content input[type=checkbox]:checked,.components-modal__content input[type=radio]:checked,.components-popover input[type=checkbox]:checked,.components-popover input[type=radio]:checked,.edit-post-sidebar input[type=checkbox]:checked,.edit-post-sidebar input[type=radio]:checked,.editor-block-list__block input[type=checkbox]:checked,.editor-block-list__block input[type=radio]:checked,.editor-post-permalink input[type=checkbox]:checked,.editor-post-permalink input[type=radio]:checked,.editor-post-publish-panel input[type=checkbox]:checked,.editor-post-publish-panel input[type=radio]:checked{background:#11a0d2;border-color:#11a0d2}body.admin-color-sunrise .components-modal__content input[type=checkbox]:checked,body.admin-color-sunrise .components-modal__content input[type=radio]:checked,body.admin-color-sunrise .components-popover input[type=checkbox]:checked,body.admin-color-sunrise .components-popover input[type=radio]:checked,body.admin-color-sunrise .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-sunrise .edit-post-sidebar input[type=radio]:checked,body.admin-color-sunrise .editor-block-list__block input[type=checkbox]:checked,body.admin-color-sunrise .editor-block-list__block input[type=radio]:checked,body.admin-color-sunrise .editor-post-permalink input[type=checkbox]:checked,body.admin-color-sunrise .editor-post-permalink input[type=radio]:checked,body.admin-color-sunrise .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-sunrise .editor-post-publish-panel input[type=radio]:checked{background:#c8b03c;border-color:#c8b03c}body.admin-color-ocean .components-modal__content input[type=checkbox]:checked,body.admin-color-ocean .components-modal__content input[type=radio]:checked,body.admin-color-ocean .components-popover input[type=checkbox]:checked,body.admin-color-ocean .components-popover input[type=radio]:checked,body.admin-color-ocean .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-ocean .edit-post-sidebar input[type=radio]:checked,body.admin-color-ocean .editor-block-list__block input[type=checkbox]:checked,body.admin-color-ocean .editor-block-list__block input[type=radio]:checked,body.admin-color-ocean .editor-post-permalink input[type=checkbox]:checked,body.admin-color-ocean .editor-post-permalink input[type=radio]:checked,body.admin-color-ocean .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-ocean .editor-post-publish-panel input[type=radio]:checked{background:#a3b9a2;border-color:#a3b9a2}body.admin-color-midnight .components-modal__content input[type=checkbox]:checked,body.admin-color-midnight .components-modal__content input[type=radio]:checked,body.admin-color-midnight .components-popover input[type=checkbox]:checked,body.admin-color-midnight .components-popover input[type=radio]:checked,body.admin-color-midnight .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-midnight .edit-post-sidebar input[type=radio]:checked,body.admin-color-midnight .editor-block-list__block input[type=checkbox]:checked,body.admin-color-midnight .editor-block-list__block input[type=radio]:checked,body.admin-color-midnight .editor-post-permalink input[type=checkbox]:checked,body.admin-color-midnight .editor-post-permalink input[type=radio]:checked,body.admin-color-midnight .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-midnight .editor-post-publish-panel input[type=radio]:checked{background:#77a6b9;border-color:#77a6b9}body.admin-color-ectoplasm .components-modal__content input[type=checkbox]:checked,body.admin-color-ectoplasm .components-modal__content input[type=radio]:checked,body.admin-color-ectoplasm .components-popover input[type=checkbox]:checked,body.admin-color-ectoplasm .components-popover input[type=radio]:checked,body.admin-color-ectoplasm .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-ectoplasm .edit-post-sidebar input[type=radio]:checked,body.admin-color-ectoplasm .editor-block-list__block input[type=checkbox]:checked,body.admin-color-ectoplasm .editor-block-list__block input[type=radio]:checked,body.admin-color-ectoplasm .editor-post-permalink input[type=checkbox]:checked,body.admin-color-ectoplasm .editor-post-permalink input[type=radio]:checked,body.admin-color-ectoplasm .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-ectoplasm .editor-post-publish-panel input[type=radio]:checked{background:#a7b656;border-color:#a7b656}body.admin-color-coffee .components-modal__content input[type=checkbox]:checked,body.admin-color-coffee .components-modal__content input[type=radio]:checked,body.admin-color-coffee .components-popover input[type=checkbox]:checked,body.admin-color-coffee .components-popover input[type=radio]:checked,body.admin-color-coffee .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-coffee .edit-post-sidebar input[type=radio]:checked,body.admin-color-coffee .editor-block-list__block input[type=checkbox]:checked,body.admin-color-coffee .editor-block-list__block input[type=radio]:checked,body.admin-color-coffee .editor-post-permalink input[type=checkbox]:checked,body.admin-color-coffee .editor-post-permalink input[type=radio]:checked,body.admin-color-coffee .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-coffee .editor-post-publish-panel input[type=radio]:checked{background:#c2a68c;border-color:#c2a68c}body.admin-color-blue .components-modal__content input[type=checkbox]:checked,body.admin-color-blue .components-modal__content input[type=radio]:checked,body.admin-color-blue .components-popover input[type=checkbox]:checked,body.admin-color-blue .components-popover input[type=radio]:checked,body.admin-color-blue .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-blue .edit-post-sidebar input[type=radio]:checked,body.admin-color-blue .editor-block-list__block input[type=checkbox]:checked,body.admin-color-blue .editor-block-list__block input[type=radio]:checked,body.admin-color-blue .editor-post-permalink input[type=checkbox]:checked,body.admin-color-blue .editor-post-permalink input[type=radio]:checked,body.admin-color-blue .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-blue .editor-post-publish-panel input[type=radio]:checked{background:#82b4cb;border-color:#82b4cb}body.admin-color-light .components-modal__content input[type=checkbox]:checked,body.admin-color-light .components-modal__content input[type=radio]:checked,body.admin-color-light .components-popover input[type=checkbox]:checked,body.admin-color-light .components-popover input[type=radio]:checked,body.admin-color-light .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-light .edit-post-sidebar input[type=radio]:checked,body.admin-color-light .editor-block-list__block input[type=checkbox]:checked,body.admin-color-light .editor-block-list__block input[type=radio]:checked,body.admin-color-light .editor-post-permalink input[type=checkbox]:checked,body.admin-color-light .editor-post-permalink input[type=radio]:checked,body.admin-color-light .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-light .editor-post-publish-panel input[type=radio]:checked{background:#11a0d2;border-color:#11a0d2}.components-modal__content input[type=checkbox]:checked:focus,.components-modal__content input[type=radio]:checked:focus,.components-popover input[type=checkbox]:checked:focus,.components-popover input[type=radio]:checked:focus,.edit-post-sidebar input[type=checkbox]:checked:focus,.edit-post-sidebar input[type=radio]:checked:focus,.editor-block-list__block input[type=checkbox]:checked:focus,.editor-block-list__block input[type=radio]:checked:focus,.editor-post-permalink input[type=checkbox]:checked:focus,.editor-post-permalink input[type=radio]:checked:focus,.editor-post-publish-panel input[type=checkbox]:checked:focus,.editor-post-publish-panel input[type=radio]:checked:focus{box-shadow:0 0 0 2px #555d66}.components-modal__content input[type=checkbox],.components-popover input[type=checkbox],.edit-post-sidebar input[type=checkbox],.editor-block-list__block input[type=checkbox],.editor-post-permalink input[type=checkbox],.editor-post-publish-panel input[type=checkbox]{border-radius:2px}.components-modal__content input[type=checkbox]:checked:before,.components-popover input[type=checkbox]:checked:before,.edit-post-sidebar input[type=checkbox]:checked:before,.editor-block-list__block input[type=checkbox]:checked:before,.editor-post-permalink input[type=checkbox]:checked:before,.editor-post-publish-panel input[type=checkbox]:checked:before{margin:-4px -5px 0 0;color:#fff}.components-modal__content input[type=radio],.components-popover input[type=radio],.edit-post-sidebar input[type=radio],.editor-block-list__block input[type=radio],.editor-post-permalink input[type=radio],.editor-post-publish-panel input[type=radio]{border-radius:50%}.components-modal__content input[type=radio]:checked:before,.components-popover input[type=radio]:checked:before,.edit-post-sidebar input[type=radio]:checked:before,.editor-block-list__block input[type=radio]:checked:before,.editor-post-permalink input[type=radio]:checked:before,.editor-post-publish-panel input[type=radio]:checked:before{margin:3px 3px 0 0;background-color:#fff}.editor-block-list__block input::-webkit-input-placeholder,.editor-block-list__block textarea::-webkit-input-placeholder,.editor-post-title input::-webkit-input-placeholder,.editor-post-title textarea::-webkit-input-placeholder{color:rgba(14,28,46,.62)}.editor-block-list__block input::-moz-placeholder,.editor-block-list__block textarea::-moz-placeholder,.editor-post-title input::-moz-placeholder,.editor-post-title textarea::-moz-placeholder{opacity:1;color:rgba(14,28,46,.62)}.editor-block-list__block input:-ms-input-placeholder,.editor-block-list__block textarea:-ms-input-placeholder,.editor-post-title input:-ms-input-placeholder,.editor-post-title textarea:-ms-input-placeholder{color:rgba(14,28,46,.62)}.is-dark-theme .editor-block-list__block input::-webkit-input-placeholder,.is-dark-theme .editor-block-list__block textarea::-webkit-input-placeholder,.is-dark-theme .editor-post-title input::-webkit-input-placeholder,.is-dark-theme .editor-post-title textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-block-list__block input::-moz-placeholder,.is-dark-theme .editor-block-list__block textarea::-moz-placeholder,.is-dark-theme .editor-post-title input::-moz-placeholder,.is-dark-theme .editor-post-title textarea::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-block-list__block input:-ms-input-placeholder,.is-dark-theme .editor-block-list__block textarea:-ms-input-placeholder,.is-dark-theme .editor-post-title input:-ms-input-placeholder,.is-dark-theme .editor-post-title textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.65)}.wp-block{max-width:610px}.wp-block[data-align=wide]{max-width:1100px}.wp-block[data-align=full]{max-width:none} \ 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 index ed6f53c15d..21260443ae 100644 --- a/wp-includes/css/dist/edit-post/style.css +++ b/wp-includes/css/dist/edit-post/style.css @@ -1,1517 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -body.js.is-fullscreen-mode { - margin-top: -46px; - height: calc(100% + 46px); - animation: edit-post__fade-in-animation 0.3s ease-out 0s; - animation-fill-mode: forwards; } - @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; } - body.js.is-fullscreen-mode .edit-post-header { - transform: translateY(-100%); - animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } - -@keyframes edit-post-fullscreen-mode__slide-in-animation { - 100% { - transform: translateY(0%); } } - -.edit-post-header { - height: 56px; - padding: 4px 2px; - border-bottom: 1px solid #e2e4e7; - background: #fff; - display: flex; - flex-direction: row; - align-items: stretch; - justify-content: space-between; - z-index: 30; - left: 0; - right: 0; - top: 0; - position: -webkit-sticky; - position: sticky; } - @media (min-width: 600px) { - .edit-post-header { - position: fixed; - padding: 8px; - top: 46px; } - body.is-fullscreen-mode .edit-post-header { - top: 0; } } - @media (min-width: 782px) { - .edit-post-header { - top: 32px; } - body.is-fullscreen-mode .edit-post-header { - top: 0; } } - .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { - display: none; } - @media (min-width: 600px) { - .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { - display: inline-flex; } } - .edit-post-header > .edit-post-header__settings { - order: 1; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-header > .edit-post-header__settings { - order: initial; } } - -.edit-post-header { - /* Set left position when auto-fold is not on the body element. */ - left: 0; } - @media (min-width: 782px) { - .edit-post-header { - left: 160px; } } - -.auto-fold .edit-post-header { - /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */ } - @media (min-width: 782px) { - .auto-fold .edit-post-header { - left: 36px; } } - @media (min-width: 960px) { - .auto-fold .edit-post-header { - left: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-header { - left: 0; } - @media (min-width: 782px) { - .folded .edit-post-header { - left: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .edit-post-header { - left: 190px; } } - -/* In small screens with resposive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .edit-post-header { - margin-left: -18px; } } - -body.is-fullscreen-mode .edit-post-header { - left: 0 !important; } - -.edit-post-header__settings { - display: inline-flex; - align-items: center; } - -.edit-post-header .components-button.is-toggled { - color: #fff; } - -.edit-post-header .components-button.is-toggled::before { - content: ""; - border-radius: 4px; - position: absolute; - z-index: -1; - background: #555d66; - top: 1px; - right: 1px; - bottom: 1px; - left: 1px; } - -.edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus { - box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff; - color: #fff; - background: #555d66; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 2px; - height: 33px; - line-height: 32px; - font-size: 13px; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 5px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 12px; } } - -.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 5px 2px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 12px 2px; } } - -@media (min-width: 782px) { - .edit-post-header .components-button.editor-post-preview { - margin: 0 3px 0 12px; } - .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 0 12px 0 3px; } } - -.edit-post-fullscreen-mode-close__toolbar { - border-top: 0; - border-bottom: 0; - border-left: 0; - margin: -9px 10px -9px -10px; - padding: 9px 10px; } - -.edit-post-header-toolbar { - display: inline-flex; - align-items: center; } - .edit-post-header-toolbar > .components-button { - display: none; } - @media (min-width: 600px) { - .edit-post-header-toolbar > .components-button { - display: inline-flex; } } - .edit-post-header-toolbar .editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { - display: none; } - @media (min-width: 600px) { - .edit-post-header-toolbar .editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { - display: flex; } } - -.edit-post-header-toolbar__block-toolbar { - position: absolute; - top: 56px; - left: 0; - right: 0; - background: #fff; - min-height: 37px; - border-bottom: 1px solid #e2e4e7; } - .edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar { - border-top: none; - border-bottom: none; } - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - display: none; } - @media (min-width: 782px) { - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - display: block; - right: 280px; } } - @media (min-width: 1080px) { - .edit-post-header-toolbar__block-toolbar { - padding-left: 8px; - position: static; - left: auto; - right: auto; - background: none; - border-bottom: none; - min-height: auto; } - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - right: auto; } - .edit-post-header-toolbar__block-toolbar .editor-block-toolbar { - margin: -9px 0; } - .edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar { - padding: 10px 4px 9px; } } - -.edit-post-more-menu { - margin-left: -4px; } - .edit-post-more-menu .components-icon-button { - width: auto; - padding: 8px 2px; } - @media (min-width: 600px) { - .edit-post-more-menu { - margin-left: 4px; } - .edit-post-more-menu .components-icon-button { - padding: 8px 4px; } } - .edit-post-more-menu .components-button svg { - transform: rotate(90deg); } - -.edit-post-more-menu__content .components-popover__content { - min-width: 260px; } - @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-menu-group:not(:last-child), - .edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group { - border-bottom: 1px solid #e2e4e7; } - .edit-post-more-menu__content .components-popover__content .components-menu-item__button { - padding-left: 2rem; } - .edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon { - padding-left: 0.5rem; } - -.edit-post-pinned-plugins { - display: none; } - @media (min-width: 600px) { - .edit-post-pinned-plugins { - display: flex; } } - .edit-post-pinned-plugins .components-icon-button { - margin-left: 4px; } - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg, - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * { - stroke: #555d66; - fill: #555d66; } - .edit-post-pinned-plugins .components-icon-button.is-toggled svg, - .edit-post-pinned-plugins .components-icon-button.is-toggled svg * { - stroke: #fff !important; - fill: #fff !important; } - .edit-post-pinned-plugins .components-icon-button:hover svg, - .edit-post-pinned-plugins .components-icon-button:hover svg * { - stroke: #191e23 !important; - fill: #191e23 !important; } - -.edit-post-keyboard-shortcut-help__title { - font-size: 1rem; - font-weight: 600; } - -.edit-post-keyboard-shortcut-help__section { - margin: 0 0 2rem 0; } - -.edit-post-keyboard-shortcut-help__section-title { - font-size: 0.9rem; - font-weight: 600; } - -.edit-post-keyboard-shortcut-help__shortcut { - display: flex; - align-items: center; - padding: 0.6rem 0; - border-top: 1px solid #e2e4e7; } - .edit-post-keyboard-shortcut-help__shortcut:last-child { - border-bottom: 1px solid #e2e4e7; } - -.edit-post-keyboard-shortcut-help__shortcut-term { - order: 1; - font-weight: 600; - margin: 0 0 0 1rem; } - -.edit-post-keyboard-shortcut-help__shortcut-description { - flex: 1; - order: 0; - margin: 0; - flex-basis: auto; } - -.edit-post-keyboard-shortcut-help__shortcut-key-combination { - background: none; - margin: 0; - padding: 0; } - -.edit-post-keyboard-shortcut-help__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; } - .edit-post-keyboard-shortcut-help__shortcut-key:last-child { - margin: 0 0 0 0.2rem; } - -.edit-post-layout, -.edit-post-layout__content { - height: 100%; } - -.edit-post-layout { - position: relative; } - .edit-post-layout .components-notice-list { - position: -webkit-sticky; - position: sticky; - top: 56px; - right: 0; - color: #191e23; } - @media (min-width: 600px) { - .edit-post-layout .components-notice-list { - position: fixed; - top: inherit; } } - .edit-post-layout .components-notice-list .components-notice { - margin: 0 0 5px; - padding: 6px 12px; - min-height: 50px; } - .edit-post-layout .components-notice-list .components-notice .components-notice__dismiss { - margin: 10px 5px; } - @media (min-width: 600px) { - .edit-post-layout { - padding-top: 56px; } } - .edit-post-layout.has-fixed-toolbar .edit-post-layout__content { - padding-top: 36px; } - @media (min-width: 600px) { - .edit-post-layout.has-fixed-toolbar { - padding-top: 93px; } - .edit-post-layout.has-fixed-toolbar .edit-post-layout__content { - padding-top: 0; } } - @media (min-width: 960px) { - .edit-post-layout.has-fixed-toolbar { - padding-top: 56px; } } - -.components-notice-list { - /* Set left position when auto-fold is not on the body element. */ - left: 0; } - @media (min-width: 782px) { - .components-notice-list { - left: 160px; } } - -.auto-fold .components-notice-list { - /* Auto fold is when on smaller breakpoints, nav menu auto colllapses. */ } - @media (min-width: 782px) { - .auto-fold .components-notice-list { - left: 36px; } } - @media (min-width: 960px) { - .auto-fold .components-notice-list { - left: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .components-notice-list { - left: 0; } - @media (min-width: 782px) { - .folded .components-notice-list { - left: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .components-notice-list { - left: 190px; } } - -/* In small screens with resposive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .components-notice-list { - margin-left: -18px; } } - -body.is-fullscreen-mode .components-notice-list { - left: 0 !important; } - -.components-notice-list { - right: 0; } - -.edit-post-layout.is-sidebar-opened .components-notice-list { - right: 280px; } - -.edit-post-layout__metaboxes:not(:empty) { - border-top: 1px solid #e2e4e7; - margin-top: 10px; - padding: 10px 0 10px; - clear: both; } - .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { - margin: auto 20px; } - -.edit-post-layout__content { - position: relative; - display: flex; - min-height: 100%; - flex-direction: column; - padding-bottom: 50vh; - overflow-y: auto; - -webkit-overflow-scrolling: touch; } - @media (min-width: 600px) { - .edit-post-layout__content { - padding-bottom: 0; } } - @media (min-width: 600px) { - .edit-post-layout__content { - overscroll-behavior-y: none; } } - .edit-post-layout__content .edit-post-visual-editor { - flex-grow: 1; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-layout__content .edit-post-visual-editor { - flex-basis: 100%; } } - .edit-post-layout__content .edit-post-layout__metaboxes { - flex-shrink: 0; } - -.edit-post-layout .editor-post-publish-panel { - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - right: 0; - left: 0; - overflow: auto; } - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; } - @media (min-width: 782px) { - .edit-post-layout .editor-post-publish-panel { - top: 32px; - left: auto; - width: 280px; - border-left: 1px solid #e2e4e7; - transform: translateX(100%); - animation: edit-post-layout__slide-in-animation 0.1s forwards; } - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; } } - -@keyframes edit-post-layout__slide-in-animation { - 100% { - transform: translateX(0%); } } - -.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large { - height: 33px; - line-height: 32px; } - -.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer { - display: inline-flex; - flex: 0 1 52px; } - -.edit-post-toggle-publish-panel { - position: absolute; - bottom: 0; - right: 0; - z-index: 100000; - width: 280px; - height: 0; - overflow: hidden; } - .edit-post-toggle-publish-panel:focus-within { - height: auto; - padding: 20px 0 0 0; } - .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - float: right; - width: auto; - height: auto; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - line-height: normal; - text-decoration: none; - outline: none; - background: #f1f1f1; } - -.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 */ - border-bottom: 1px solid #e2e4e7; - 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 #e2e4e7; - 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__clear { - clear: both; } - -.edit-post-sidebar { - position: fixed; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - width: 280px; - border-left: 1px solid #e2e4e7; - background: #fff; - color: #555d66; - height: 100vh; - overflow: hidden; } - @media (min-width: 600px) { - .edit-post-sidebar { - top: 102px; - z-index: 90; - height: auto; - overflow: auto; - -webkit-overflow-scrolling: touch; } - body.is-fullscreen-mode .edit-post-sidebar { - top: 56px; } } - @media (min-width: 782px) { - .edit-post-sidebar { - top: 88px; } - body.is-fullscreen-mode .edit-post-sidebar { - top: 56px; } } - .edit-post-sidebar > .components-panel { - border-left: none; - border-right: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - height: auto; - max-height: calc(100vh - 96px); - margin-top: -1px; - margin-bottom: -1px; } - body.is-fullscreen-mode .edit-post-sidebar > .components-panel { - max-height: calc(100vh - 50px); } - @media (min-width: 600px) { - body.is-fullscreen-mode .edit-post-sidebar > .components-panel { - max-height: none; } } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel { - overflow: inherit; - height: auto; - max-height: none; } } - .edit-post-sidebar > .components-panel .components-panel__header { - position: fixed; - z-index: 1; - top: 0; - left: 0; - right: 0; - height: 50px; } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel .components-panel__header { - position: inherit; - top: auto; - left: auto; - right: auto; } } - .edit-post-sidebar p { - margin-top: 0; } - .edit-post-sidebar h2, - .edit-post-sidebar h3 { - font-size: 13px; - color: #555d66; - margin-bottom: 1.5em; } - .edit-post-sidebar hr { - border-top: none; - border-bottom: 1px solid #e2e4e7; - margin: 1.5em 0; } - .edit-post-sidebar div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; } - .edit-post-sidebar div.components-toolbar:last-child { - margin-bottom: 0; } - .edit-post-sidebar p + div.components-toolbar { - margin-top: -1em; } - .edit-post-sidebar .editor-skip-to-selected-block:focus { - top: auto; - right: 10px; - bottom: 10px; - left: auto; } - -/* Visual and Text editor both */ -@media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-layout__content { - margin-right: 280px; } } - -.edit-post-layout.is-sidebar-opened .edit-post-sidebar, -.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - /* Sidebar covers screen on mobile */ - width: 100%; - /* Sidebar sits on the side on larger breakpoints */ } - @media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-sidebar, - .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - width: 280px; } } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar__header { - background: #fff; - padding-right: 8px; } - .components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__header { - display: none; } } - -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 4px; - border-top: 0; - margin-top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { - display: none; - margin-left: auto; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { - display: flex; } } - -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - border-radius: 0; - cursor: pointer; - height: 50px; - padding: 3px 15px; - margin-left: 0; - font-weight: 400; - outline-offset: -1px; } - .edit-post-sidebar__panel-tab.is-active { - padding-bottom: 0; - border-bottom: 3px solid #0085ba; - font-weight: 600; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #d1864a; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a3b9a2; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #e14d43; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a7b656; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #c2a68c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #82b4cb; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #0085ba; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline: 1px solid #6c7781; - box-shadow: none; } - -.components-panel__body.is-opened.edit-post-last-revision__panel { - padding: 0; } - -.editor-post-last-revision__title { - padding: 13px 16px; } - -.editor-post-author__select { - margin: -5px 0; - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .editor-post-author__select { - width: auto; } } - -.edit-post-post-link__link-post-name { - font-weight: 600; } - -.edit-post-post-link__preview-label { - margin: 0; } - -.edit-post-post-link__link { - word-wrap: break-word; } - -.edit-post-post-schedule { - width: 100%; - position: relative; } - -.edit-post-post-schedule__label { - display: none; } - -.components-button.edit-post-post-schedule__toggle { - text-align: right; } - -.edit-post-post-schedule__dialog .components-popover__content { - padding: 10px; } - @media (min-width: 782px) { - .edit-post-post-schedule__dialog .components-popover__content { - width: 270px; } } - -.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%; } - -.edit-post-post-visibility__dialog .components-popover__content { - padding: 10px; } - @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: #7e8993; - padding-left: 20px; - font-style: italic; - margin: 4px 0 0; - line-height: 1.4; } - -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 4px; - border-top: 0; - position: -webkit-sticky; - position: sticky; - z-index: 1; - top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs ul { - display: flex; } - .components-panel__header.edit-post-sidebar__panel-tabs li { - margin: 0; } - -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - border-radius: 0; - cursor: pointer; - height: 48px; - padding: 3px 15px; - margin-left: 0; - font-weight: 400; - color: #191e23; - outline-offset: -1px; } - .edit-post-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; } - .edit-post-sidebar__panel-tab.is-active { - padding-bottom: 0; - border-bottom: 3px solid #0085ba; - font-weight: 600; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #d1864a; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a3b9a2; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #e14d43; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #a7b656; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #c2a68c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #82b4cb; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - border-bottom: 3px solid #0085ba; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline: 1px solid #6c7781; - box-shadow: none; } - -.edit-post-settings-sidebar__panel-block .components-panel__body { - border: none; - border-top: 1px solid #e2e4e7; - margin: 0 -16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control { - margin: 0 0 1.5em 0; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child { - margin-bottom: 0.5em; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle { - color: #191e23; } - .edit-post-settings-sidebar__panel-block .components-panel__body:first-child { - margin-top: 16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body:last-child { - margin-bottom: -16px; } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar-header__small { - background: #fff; - padding-right: 4px; } - .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header__small { - display: none; } } - -.components-panel__header.edit-post-sidebar-header { - padding-right: 4px; - background: #f3f4f5; } - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: none; - margin-left: auto; } - .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button { - margin-left: 0; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: flex; } } - -.edit-post-text-editor__body { - padding-top: 40px; } - @media (min-width: 600px) { - .edit-post-text-editor__body { - padding-top: 86px; } - body.is-fullscreen-mode .edit-post-text-editor__body { - padding-top: 40px; } } - @media (min-width: 782px) { - .edit-post-text-editor__body { - padding-top: 40px; } - body.is-fullscreen-mode .edit-post-text-editor__body { - padding-top: 40px; } } - -.edit-post-text-editor { - width: 100%; - margin-left: 16px; - margin-right: 16px; - padding-top: 44px; } - @media (min-width: 600px) { - .edit-post-text-editor { - max-width: 610px; - margin-left: auto; - margin-right: auto; } } - .edit-post-text-editor .editor-post-title__block textarea { - border: 1px solid #e2e4e7; - margin-bottom: 4px; - padding: 14px; } - .edit-post-text-editor .editor-post-title__block textarea:hover, - .edit-post-text-editor .editor-post-title__block.is-selected textarea { - box-shadow: 0 0 0 1px #e2e4e7; } - .edit-post-text-editor .editor-post-permalink { - left: 0; - right: 0; - margin-top: -6px; } - @media (min-width: 600px) { - .edit-post-text-editor .editor-post-title, - .edit-post-text-editor .editor-post-title__block { - padding: 0; } } - .edit-post-text-editor .editor-post-text-editor { - padding: 14px; - min-height: 200px; - line-height: 1.8; } - .edit-post-text-editor .edit-post-text-editor__toolbar { - position: absolute; - top: 8px; - left: 0; - right: 0; - height: 36px; - line-height: 36px; - padding: 0 8px 0 16px; - display: flex; } - .edit-post-text-editor .edit-post-text-editor__toolbar h2 { - margin: 0 auto 0 0; - font-size: 13px; - color: #555d66; } - .edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg { - order: 1; } - -.edit-post-visual-editor { - position: relative; - padding: 50px 0; } - .edit-post-visual-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } - -.edit-post-visual-editor .editor-writing-flow__click-redirect { - height: 50px; - width: 100%; - margin: -4px auto -50px; } - -.edit-post-visual-editor .editor-block-list__block { - margin-left: auto; - margin-right: auto; } - @media (min-width: 600px) { - .edit-post-visual-editor .editor-block-list__block .editor-block-list__block-edit { - margin-left: -28px; - margin-right: -28px; } - .edit-post-visual-editor .editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar, - .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { - width: calc(100% + 30px); - height: 0; - text-align: center; - float: left; } - .edit-post-visual-editor .editor-block-list__block[data-align="wide"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar .editor-block-toolbar, - .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar .editor-block-toolbar { - max-width: 610px; - width: 100%; - position: relative; } - .edit-post-visual-editor .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-contextual-toolbar { - width: 100%; - margin-left: 0; - margin-right: 0; } } - -@media (min-width: 600px) { - .editor-post-title { - padding-left: 46px; - padding-right: 46px; } } - -.edit-post-visual-editor .editor-post-title__block { - margin-left: auto; - margin-right: auto; - margin-bottom: -20px; } - .edit-post-visual-editor .editor-post-title__block > div { - margin-left: 0; - margin-right: 0; } - @media (min-width: 600px) { - .edit-post-visual-editor .editor-post-title__block > div { - margin-left: -2px; - margin-right: -2px; } } - -.edit-post-visual-editor .editor-block-list__layout > .editor-block-list__block[data-align="left"]:first-child, -.edit-post-visual-editor .editor-block-list__layout > .editor-block-list__block[data-align="right"]:first-child { - margin-top: 34px; } - -.edit-post-visual-editor .editor-default-block-appender { - margin-left: auto; - margin-right: auto; - position: relative; } - .edit-post-visual-editor .editor-default-block-appender[data-root-client-id=""] .editor-default-block-appender__content:hover { - outline: 1px solid transparent; } - -.edit-post-visual-editor .editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p, -.edit-post-visual-editor .editor-default-block-appender__content { - min-height: 28px; - line-height: 1.8; } - -.edit-post-options-modal__title { - font-size: 1rem; - font-weight: 600; } - -.edit-post-options-modal__section { - margin: 0 0 2rem 0; } - -.edit-post-options-modal__section-title { - font-size: 0.9rem; - font-weight: 600; } - -.edit-post-options-modal__option { - border-top: 1px solid #e2e4e7; } - .edit-post-options-modal__option:last-child { - border-bottom: 1px solid #e2e4e7; } - .edit-post-options-modal__option .components-base-control__field { - align-items: center; - display: flex; - margin: 0; } - .edit-post-options-modal__option .components-checkbox-control__label { - flex-grow: 1; - padding: 0.6rem 0 0.6rem 10px; } - -/** - * Animations - */ -@keyframes edit-post__loading-fade-animation { - 0% { - opacity: 0.5; } - 50% { - opacity: 1; } - 100% { - opacity: 0.5; } } - -@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, 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, -.components-modal__frame { - box-sizing: border-box; } - .block-editor *, - .block-editor *::before, - .block-editor *::after, - .components-modal__frame *, - .components-modal__frame *::before, - .components-modal__frame *::after { - box-sizing: inherit; } - .block-editor select, - .components-modal__frame select { - font-size: 13px; - color: #555d66; } - -@media (min-width: 600px) { - .block-editor__container { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - min-height: calc(100vh - 46px); } - body.is-fullscreen-mode .block-editor__container { - min-height: 100vh; } } - -@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%; } - -.block-editor__container .components-navigate-regions { - height: 100%; } - -.editor-post-permalink .input-control, -.editor-post-permalink input[type="text"], -.editor-post-permalink input[type="search"], -.editor-post-permalink input[type="radio"], -.editor-post-permalink input[type="tel"], -.editor-post-permalink input[type="time"], -.editor-post-permalink input[type="url"], -.editor-post-permalink input[type="week"], -.editor-post-permalink input[type="password"], -.editor-post-permalink input[type="checkbox"], -.editor-post-permalink input[type="color"], -.editor-post-permalink input[type="date"], -.editor-post-permalink input[type="datetime"], -.editor-post-permalink input[type="datetime-local"], -.editor-post-permalink input[type="email"], -.editor-post-permalink input[type="month"], -.editor-post-permalink input[type="number"], -.editor-post-permalink select, -.editor-post-permalink textarea, -.edit-post-sidebar .input-control, -.edit-post-sidebar input[type="text"], -.edit-post-sidebar input[type="search"], -.edit-post-sidebar input[type="radio"], -.edit-post-sidebar input[type="tel"], -.edit-post-sidebar input[type="time"], -.edit-post-sidebar input[type="url"], -.edit-post-sidebar input[type="week"], -.edit-post-sidebar input[type="password"], -.edit-post-sidebar input[type="checkbox"], -.edit-post-sidebar input[type="color"], -.edit-post-sidebar input[type="date"], -.edit-post-sidebar input[type="datetime"], -.edit-post-sidebar input[type="datetime-local"], -.edit-post-sidebar input[type="email"], -.edit-post-sidebar input[type="month"], -.edit-post-sidebar input[type="number"], -.edit-post-sidebar select, -.edit-post-sidebar textarea, -.editor-post-publish-panel .input-control, -.editor-post-publish-panel input[type="text"], -.editor-post-publish-panel input[type="search"], -.editor-post-publish-panel input[type="radio"], -.editor-post-publish-panel input[type="tel"], -.editor-post-publish-panel input[type="time"], -.editor-post-publish-panel input[type="url"], -.editor-post-publish-panel input[type="week"], -.editor-post-publish-panel input[type="password"], -.editor-post-publish-panel input[type="checkbox"], -.editor-post-publish-panel input[type="color"], -.editor-post-publish-panel input[type="date"], -.editor-post-publish-panel input[type="datetime"], -.editor-post-publish-panel input[type="datetime-local"], -.editor-post-publish-panel input[type="email"], -.editor-post-publish-panel input[type="month"], -.editor-post-publish-panel input[type="number"], -.editor-post-publish-panel select, -.editor-post-publish-panel textarea, -.editor-block-list__block .input-control, -.editor-block-list__block input[type="text"], -.editor-block-list__block input[type="search"], -.editor-block-list__block input[type="radio"], -.editor-block-list__block input[type="tel"], -.editor-block-list__block input[type="time"], -.editor-block-list__block input[type="url"], -.editor-block-list__block input[type="week"], -.editor-block-list__block input[type="password"], -.editor-block-list__block input[type="checkbox"], -.editor-block-list__block input[type="color"], -.editor-block-list__block input[type="date"], -.editor-block-list__block input[type="datetime"], -.editor-block-list__block input[type="datetime-local"], -.editor-block-list__block input[type="email"], -.editor-block-list__block input[type="month"], -.editor-block-list__block input[type="number"], -.editor-block-list__block select, -.editor-block-list__block textarea, -.components-popover .input-control, -.components-popover input[type="text"], -.components-popover input[type="search"], -.components-popover input[type="radio"], -.components-popover input[type="tel"], -.components-popover input[type="time"], -.components-popover input[type="url"], -.components-popover input[type="week"], -.components-popover input[type="password"], -.components-popover input[type="checkbox"], -.components-popover input[type="color"], -.components-popover input[type="date"], -.components-popover input[type="datetime"], -.components-popover input[type="datetime-local"], -.components-popover input[type="email"], -.components-popover input[type="month"], -.components-popover input[type="number"], -.components-popover select, -.components-popover textarea, -.components-modal__content .input-control, -.components-modal__content input[type="text"], -.components-modal__content input[type="search"], -.components-modal__content input[type="radio"], -.components-modal__content input[type="tel"], -.components-modal__content input[type="time"], -.components-modal__content input[type="url"], -.components-modal__content input[type="week"], -.components-modal__content input[type="password"], -.components-modal__content input[type="checkbox"], -.components-modal__content input[type="color"], -.components-modal__content input[type="date"], -.components-modal__content input[type="datetime"], -.components-modal__content input[type="datetime-local"], -.components-modal__content input[type="email"], -.components-modal__content input[type="month"], -.components-modal__content input[type="number"], -.components-modal__content select, -.components-modal__content textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; } - .editor-post-permalink .input-control:focus, - .editor-post-permalink input[type="text"]:focus, - .editor-post-permalink input[type="search"]:focus, - .editor-post-permalink input[type="radio"]:focus, - .editor-post-permalink input[type="tel"]:focus, - .editor-post-permalink input[type="time"]:focus, - .editor-post-permalink input[type="url"]:focus, - .editor-post-permalink input[type="week"]:focus, - .editor-post-permalink input[type="password"]:focus, - .editor-post-permalink input[type="checkbox"]:focus, - .editor-post-permalink input[type="color"]:focus, - .editor-post-permalink input[type="date"]:focus, - .editor-post-permalink input[type="datetime"]:focus, - .editor-post-permalink input[type="datetime-local"]:focus, - .editor-post-permalink input[type="email"]:focus, - .editor-post-permalink input[type="month"]:focus, - .editor-post-permalink input[type="number"]:focus, - .editor-post-permalink select:focus, - .editor-post-permalink textarea:focus, - .edit-post-sidebar .input-control:focus, - .edit-post-sidebar input[type="text"]:focus, - .edit-post-sidebar input[type="search"]:focus, - .edit-post-sidebar input[type="radio"]:focus, - .edit-post-sidebar input[type="tel"]:focus, - .edit-post-sidebar input[type="time"]:focus, - .edit-post-sidebar input[type="url"]:focus, - .edit-post-sidebar input[type="week"]:focus, - .edit-post-sidebar input[type="password"]:focus, - .edit-post-sidebar input[type="checkbox"]:focus, - .edit-post-sidebar input[type="color"]:focus, - .edit-post-sidebar input[type="date"]:focus, - .edit-post-sidebar input[type="datetime"]:focus, - .edit-post-sidebar input[type="datetime-local"]:focus, - .edit-post-sidebar input[type="email"]:focus, - .edit-post-sidebar input[type="month"]:focus, - .edit-post-sidebar input[type="number"]:focus, - .edit-post-sidebar select:focus, - .edit-post-sidebar textarea:focus, - .editor-post-publish-panel .input-control:focus, - .editor-post-publish-panel input[type="text"]:focus, - .editor-post-publish-panel input[type="search"]:focus, - .editor-post-publish-panel input[type="radio"]:focus, - .editor-post-publish-panel input[type="tel"]:focus, - .editor-post-publish-panel input[type="time"]:focus, - .editor-post-publish-panel input[type="url"]:focus, - .editor-post-publish-panel input[type="week"]:focus, - .editor-post-publish-panel input[type="password"]:focus, - .editor-post-publish-panel input[type="checkbox"]:focus, - .editor-post-publish-panel input[type="color"]:focus, - .editor-post-publish-panel input[type="date"]:focus, - .editor-post-publish-panel input[type="datetime"]:focus, - .editor-post-publish-panel input[type="datetime-local"]:focus, - .editor-post-publish-panel input[type="email"]:focus, - .editor-post-publish-panel input[type="month"]:focus, - .editor-post-publish-panel input[type="number"]:focus, - .editor-post-publish-panel select:focus, - .editor-post-publish-panel textarea:focus, - .editor-block-list__block .input-control:focus, - .editor-block-list__block input[type="text"]:focus, - .editor-block-list__block input[type="search"]:focus, - .editor-block-list__block input[type="radio"]:focus, - .editor-block-list__block input[type="tel"]:focus, - .editor-block-list__block input[type="time"]:focus, - .editor-block-list__block input[type="url"]:focus, - .editor-block-list__block input[type="week"]:focus, - .editor-block-list__block input[type="password"]:focus, - .editor-block-list__block input[type="checkbox"]:focus, - .editor-block-list__block input[type="color"]:focus, - .editor-block-list__block input[type="date"]:focus, - .editor-block-list__block input[type="datetime"]:focus, - .editor-block-list__block input[type="datetime-local"]:focus, - .editor-block-list__block input[type="email"]:focus, - .editor-block-list__block input[type="month"]:focus, - .editor-block-list__block input[type="number"]:focus, - .editor-block-list__block select:focus, - .editor-block-list__block textarea:focus, - .components-popover .input-control:focus, - .components-popover input[type="text"]:focus, - .components-popover input[type="search"]:focus, - .components-popover input[type="radio"]:focus, - .components-popover input[type="tel"]:focus, - .components-popover input[type="time"]:focus, - .components-popover input[type="url"]:focus, - .components-popover input[type="week"]:focus, - .components-popover input[type="password"]:focus, - .components-popover input[type="checkbox"]:focus, - .components-popover input[type="color"]:focus, - .components-popover input[type="date"]:focus, - .components-popover input[type="datetime"]:focus, - .components-popover input[type="datetime-local"]:focus, - .components-popover input[type="email"]:focus, - .components-popover input[type="month"]:focus, - .components-popover input[type="number"]:focus, - .components-popover select:focus, - .components-popover textarea:focus, - .components-modal__content .input-control:focus, - .components-modal__content input[type="text"]:focus, - .components-modal__content input[type="search"]:focus, - .components-modal__content input[type="radio"]:focus, - .components-modal__content input[type="tel"]:focus, - .components-modal__content input[type="time"]:focus, - .components-modal__content input[type="url"]:focus, - .components-modal__content input[type="week"]:focus, - .components-modal__content input[type="password"]:focus, - .components-modal__content input[type="checkbox"]:focus, - .components-modal__content input[type="color"]:focus, - .components-modal__content input[type="date"]:focus, - .components-modal__content input[type="datetime"]:focus, - .components-modal__content input[type="datetime-local"]:focus, - .components-modal__content input[type="email"]:focus, - .components-modal__content input[type="month"]:focus, - .components-modal__content input[type="number"]:focus, - .components-modal__content select:focus, - .components-modal__content textarea:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - -.editor-post-permalink select, -.edit-post-sidebar select, -.editor-post-publish-panel select, -.editor-block-list__block select, -.components-popover select, -.components-modal__content select { - padding: 2px; } - .editor-post-permalink select:focus, - .edit-post-sidebar select:focus, - .editor-post-publish-panel select:focus, - .editor-block-list__block select:focus, - .components-popover select:focus, - .components-modal__content select:focus { - border-color: #008dbe; - outline: 2px solid transparent; - outline-offset: 0; } - -.editor-post-permalink input[type="checkbox"], -.editor-post-permalink input[type="radio"], -.edit-post-sidebar input[type="checkbox"], -.edit-post-sidebar input[type="radio"], -.editor-post-publish-panel input[type="checkbox"], -.editor-post-publish-panel input[type="radio"], -.editor-block-list__block input[type="checkbox"], -.editor-block-list__block input[type="radio"], -.components-popover input[type="checkbox"], -.components-popover input[type="radio"], -.components-modal__content input[type="checkbox"], -.components-modal__content input[type="radio"] { - border: 2px solid #6c7781; - margin-right: 12px; - transition: none; } - .editor-post-permalink input[type="checkbox"]:focus, - .editor-post-permalink input[type="radio"]:focus, - .edit-post-sidebar input[type="checkbox"]:focus, - .edit-post-sidebar input[type="radio"]:focus, - .editor-post-publish-panel input[type="checkbox"]:focus, - .editor-post-publish-panel input[type="radio"]:focus, - .editor-block-list__block input[type="checkbox"]:focus, - .editor-block-list__block input[type="radio"]:focus, - .components-popover input[type="checkbox"]:focus, - .components-popover input[type="radio"]:focus, - .components-modal__content input[type="checkbox"]:focus, - .components-modal__content input[type="radio"]:focus { - border-color: #6c7781; - box-shadow: 0 0 0 1px #6c7781; } - .editor-post-permalink input[type="checkbox"]:checked, - .editor-post-permalink input[type="radio"]:checked, - .edit-post-sidebar input[type="checkbox"]:checked, - .edit-post-sidebar input[type="radio"]:checked, - .editor-post-publish-panel input[type="checkbox"]:checked, - .editor-post-publish-panel input[type="radio"]:checked, - .editor-block-list__block input[type="checkbox"]:checked, - .editor-block-list__block input[type="radio"]:checked, - .components-popover input[type="checkbox"]:checked, - .components-popover input[type="radio"]:checked, - .components-modal__content input[type="checkbox"]:checked, - .components-modal__content input[type="radio"]:checked { - background: #11a0d2; - border-color: #11a0d2; } - body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked { - background: #c8b03c; - border-color: #c8b03c; } - body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked { - background: #a3b9a2; - border-color: #a3b9a2; } - body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked { - background: #77a6b9; - border-color: #77a6b9; } - body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked { - background: #a7b656; - border-color: #a7b656; } - body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked { - background: #c2a68c; - border-color: #c2a68c; } - body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked { - background: #82b4cb; - border-color: #82b4cb; } - body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked { - background: #11a0d2; - border-color: #11a0d2; } - .editor-post-permalink input[type="checkbox"]:checked:focus, - .editor-post-permalink input[type="radio"]:checked:focus, - .edit-post-sidebar input[type="checkbox"]:checked:focus, - .edit-post-sidebar input[type="radio"]:checked:focus, - .editor-post-publish-panel input[type="checkbox"]:checked:focus, - .editor-post-publish-panel input[type="radio"]:checked:focus, - .editor-block-list__block input[type="checkbox"]:checked:focus, - .editor-block-list__block input[type="radio"]:checked:focus, - .components-popover input[type="checkbox"]:checked:focus, - .components-popover input[type="radio"]:checked:focus, - .components-modal__content input[type="checkbox"]:checked:focus, - .components-modal__content input[type="radio"]:checked:focus { - box-shadow: 0 0 0 2px #555d66; } - -.editor-post-permalink input[type="checkbox"], -.edit-post-sidebar input[type="checkbox"], -.editor-post-publish-panel input[type="checkbox"], -.editor-block-list__block input[type="checkbox"], -.components-popover input[type="checkbox"], -.components-modal__content input[type="checkbox"] { - border-radius: 2px; } - .editor-post-permalink input[type="checkbox"]:checked::before, - .edit-post-sidebar input[type="checkbox"]:checked::before, - .editor-post-publish-panel input[type="checkbox"]:checked::before, - .editor-block-list__block input[type="checkbox"]:checked::before, - .components-popover input[type="checkbox"]:checked::before, - .components-modal__content input[type="checkbox"]:checked::before { - margin: -4px 0 0 -5px; - color: #fff; } - -.editor-post-permalink input[type="radio"], -.edit-post-sidebar input[type="radio"], -.editor-post-publish-panel input[type="radio"], -.editor-block-list__block input[type="radio"], -.components-popover input[type="radio"], -.components-modal__content input[type="radio"] { - border-radius: 50%; } - .editor-post-permalink input[type="radio"]:checked::before, - .edit-post-sidebar input[type="radio"]:checked::before, - .editor-post-publish-panel input[type="radio"]:checked::before, - .editor-block-list__block input[type="radio"]:checked::before, - .components-popover input[type="radio"]:checked::before, - .components-modal__content input[type="radio"]:checked::before { - margin: 3px 0 0 3px; - background-color: #fff; } - -.editor-post-title input::-webkit-input-placeholder, -.editor-post-title textarea::-webkit-input-placeholder, -.editor-block-list__block input::-webkit-input-placeholder, -.editor-block-list__block textarea::-webkit-input-placeholder { - color: rgba(14, 28, 46, 0.62); } - -.editor-post-title input::-moz-placeholder, -.editor-post-title textarea::-moz-placeholder, -.editor-block-list__block input::-moz-placeholder, -.editor-block-list__block textarea::-moz-placeholder { - opacity: 1; - color: rgba(14, 28, 46, 0.62); } - -.editor-post-title input:-ms-input-placeholder, -.editor-post-title textarea:-ms-input-placeholder, -.editor-block-list__block input:-ms-input-placeholder, -.editor-block-list__block textarea:-ms-input-placeholder { - color: rgba(14, 28, 46, 0.62); } - -.is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme -.editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme -.editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme -.editor-block-list__block textarea::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - -.is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme -.editor-post-title textarea::-moz-placeholder, .is-dark-theme -.editor-block-list__block input::-moz-placeholder, .is-dark-theme -.editor-block-list__block textarea::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - -.is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme -.editor-post-title textarea:-ms-input-placeholder, .is-dark-theme -.editor-block-list__block input:-ms-input-placeholder, .is-dark-theme -.editor-block-list__block textarea:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - -.wp-block { - max-width: 610px; } - .wp-block[data-align="wide"] { - max-width: 1100px; } - .wp-block[data-align="full"] { - max-width: none; } +body.js.is-fullscreen-mode{margin-top:-46px;height:calc(100% + 46px);animation:edit-post__fade-in-animation .3s ease-out 0s;animation-fill-mode:forwards}@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}body.js.is-fullscreen-mode .edit-post-header{transform:translateY(-100%);animation:edit-post-fullscreen-mode__slide-in-animation .1s forwards}@keyframes edit-post-fullscreen-mode__slide-in-animation{to{transform:translateY(0)}}.edit-post-header{height:56px;padding:4px 2px;border-bottom:1px solid #e2e4e7;background:#fff;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;z-index:30;right:0;top:0;position:-webkit-sticky;position:sticky}@media (min-width:600px){.edit-post-header{position:fixed;padding:8px;top:46px}body.is-fullscreen-mode .edit-post-header{top:0}}@media (min-width:782px){.edit-post-header{top:32px}body.is-fullscreen-mode .edit-post-header{top:0}}.edit-post-header .editor-post-switch-to-draft+.editor-post-preview{display:none}@media (min-width:600px){.edit-post-header .editor-post-switch-to-draft+.editor-post-preview{display:inline-flex}}.edit-post-header>.edit-post-header__settings{order:1}@supports ((position:-webkit-sticky) or (position:sticky)){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header{left:0}@media (min-width:782px){.edit-post-header{left:160px}}@media (min-width:782px){.auto-fold .edit-post-header{left:36px}}@media (min-width:960px){.auto-fold .edit-post-header{left:160px}}.folded .edit-post-header{left:0}@media (min-width:782px){.folded .edit-post-header{left:36px}}@media (max-width:782px){.auto-fold .wp-responsive-open .edit-post-header{left:190px}}@media (max-width:600px){.auto-fold .wp-responsive-open .edit-post-header{margin-left:-18px}}body.is-fullscreen-mode .edit-post-header{left:0!important}.edit-post-header__settings{display:inline-flex;align-items:center}.edit-post-header .components-button.is-toggled{color:#fff}.edit-post-header .components-button.is-toggled:before{content:"";border-radius:4px;position:absolute;z-index:-1;background:#555d66;top:1px;right:1px;bottom:1px;left:1px}.edit-post-header .components-button.is-toggled:focus,.edit-post-header .components-button.is-toggled:hover{box-shadow:0 0 0 1px #555d66,inset 0 0 0 1px #fff;color:#fff;background:#555d66}.edit-post-header .components-button.editor-post-preview,.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle,.edit-post-header .components-button.editor-post-save-draft,.edit-post-header .components-button.editor-post-switch-to-draft{margin:2px;height:33px;line-height:32px;font-size:13px}.edit-post-header .components-button.editor-post-save-draft,.edit-post-header .components-button.editor-post-switch-to-draft{padding:0 5px}@media (min-width:600px){.edit-post-header .components-button.editor-post-save-draft,.edit-post-header .components-button.editor-post-switch-to-draft{padding:0 12px}}.edit-post-header .components-button.editor-post-preview,.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle{padding:0 5px 2px}@media (min-width:600px){.edit-post-header .components-button.editor-post-preview,.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle{padding:0 12px 2px}}@media (min-width:782px){.edit-post-header .components-button.editor-post-preview{margin:0 3px 0 12px}.edit-post-header .components-button.editor-post-publish-button,.edit-post-header .components-button.editor-post-publish-panel__toggle{margin:0 12px 0 3px}}.edit-post-fullscreen-mode-close__toolbar{border-top:0;border-bottom:0;border-left:0;margin:-9px 10px -9px -10px;padding:9px 10px}.edit-post-header-toolbar{display:inline-flex;align-items:center}.edit-post-header-toolbar>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar>.components-button{display:inline-flex}}.edit-post-header-toolbar .editor-block-navigation,.edit-post-header-toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header-toolbar .editor-block-navigation,.edit-post-header-toolbar .table-of-contents{display:flex}}.edit-post-header-toolbar__block-toolbar{position:absolute;top:56px;left:0;right:0;background:#fff;min-height:37px;border-bottom:1px solid #e2e4e7}.edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar{border-top:none;border-bottom:none}.is-sidebar-opened .edit-post-header-toolbar__block-toolbar{display:none}@media (min-width:782px){.is-sidebar-opened .edit-post-header-toolbar__block-toolbar{display:block;right:280px}}@media (min-width:1080px){.edit-post-header-toolbar__block-toolbar{padding-left:8px;position:static;left:auto;right:auto;background:none;border-bottom:none;min-height:auto}.is-sidebar-opened .edit-post-header-toolbar__block-toolbar{right:auto}.edit-post-header-toolbar__block-toolbar .editor-block-toolbar{margin:-9px 0}.edit-post-header-toolbar__block-toolbar .editor-block-toolbar .components-toolbar{padding:10px 4px 9px}}.edit-post-more-menu{margin-left:-4px}.edit-post-more-menu .components-icon-button{width:auto;padding:8px 2px}@media (min-width:600px){.edit-post-more-menu{margin-left:4px}.edit-post-more-menu .components-icon-button{padding:8px 4px}}.edit-post-more-menu .components-button svg{transform:rotate(90deg)}.edit-post-more-menu__content .components-popover__content{min-width:260px}@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-menu-group:not(:last-child),.edit-post-more-menu__content .components-popover__content>div:not(:last-child) .components-menu-group{border-bottom:1px solid #e2e4e7}.edit-post-more-menu__content .components-popover__content .components-menu-item__button{padding-left:2rem}.edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon{padding-left:.5rem}.edit-post-pinned-plugins{display:none}@media (min-width:600px){.edit-post-pinned-plugins{display:flex}}.edit-post-pinned-plugins .components-icon-button{margin-left:4px}.edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg,.edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg *{stroke:#555d66;fill:#555d66}.edit-post-pinned-plugins .components-icon-button.is-toggled svg,.edit-post-pinned-plugins .components-icon-button.is-toggled svg *{stroke:#fff!important;fill:#fff!important}.edit-post-pinned-plugins .components-icon-button:hover svg,.edit-post-pinned-plugins .components-icon-button:hover svg *{stroke:#191e23!important;fill:#191e23!important}.edit-post-keyboard-shortcut-help__title{font-size:1rem;font-weight:600}.edit-post-keyboard-shortcut-help__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help__shortcut{display:flex;align-items:center;padding:.6rem 0;border-top:1px solid #e2e4e7}.edit-post-keyboard-shortcut-help__shortcut:last-child{border-bottom:1px solid #e2e4e7}.edit-post-keyboard-shortcut-help__shortcut-term{order:1;font-weight:600;margin:0 0 0 1rem}.edit-post-keyboard-shortcut-help__shortcut-description{flex:1;order:0;margin:0;flex-basis:auto}.edit-post-keyboard-shortcut-help__shortcut-key-combination{background:none;margin:0;padding:0}.edit-post-keyboard-shortcut-help__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.edit-post-keyboard-shortcut-help__shortcut-key:last-child{margin:0 0 0 .2rem}.edit-post-layout,.edit-post-layout__content{height:100%}.edit-post-layout{position:relative}.edit-post-layout .components-notice-list{position:-webkit-sticky;position:sticky;top:56px;right:0;color:#191e23}@media (min-width:600px){.edit-post-layout .components-notice-list{position:fixed;top:inherit}}.edit-post-layout .components-notice-list .components-notice{margin:0 0 5px;padding:6px 12px;min-height:50px}.edit-post-layout .components-notice-list .components-notice .components-notice__dismiss{margin:10px 5px}@media (min-width:600px){.edit-post-layout{padding-top:56px}}.edit-post-layout.has-fixed-toolbar .edit-post-layout__content{padding-top:36px}@media (min-width:600px){.edit-post-layout.has-fixed-toolbar{padding-top:93px}.edit-post-layout.has-fixed-toolbar .edit-post-layout__content{padding-top:0}}@media (min-width:960px){.edit-post-layout.has-fixed-toolbar{padding-top:56px}}.components-notice-list{left:0}@media (min-width:782px){.components-notice-list{left:160px}}@media (min-width:782px){.auto-fold .components-notice-list{left:36px}}@media (min-width:960px){.auto-fold .components-notice-list{left:160px}}.folded .components-notice-list{left:0}@media (min-width:782px){.folded .components-notice-list{left:36px}}@media (max-width:782px){.auto-fold .wp-responsive-open .components-notice-list{left:190px}}@media (max-width:600px){.auto-fold .wp-responsive-open .components-notice-list{margin-left:-18px}}body.is-fullscreen-mode .components-notice-list{left:0!important}.components-notice-list{right:0}.edit-post-layout.is-sidebar-opened .components-notice-list{right:280px}.edit-post-layout__metaboxes:not(:empty){border-top:1px solid #e2e4e7;margin-top:10px;padding:10px 0;clear:both}.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area{margin:auto 20px}.edit-post-layout__content{position:relative;display:flex;min-height:100%;flex-direction:column;padding-bottom:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width:600px){.edit-post-layout__content{padding-bottom:0;overscroll-behavior-y:none}}.edit-post-layout__content .edit-post-visual-editor{flex-grow:1}@supports ((position:-webkit-sticky) or (position:sticky)){.edit-post-layout__content .edit-post-visual-editor{flex-basis:100%}}.edit-post-layout__content .edit-post-layout__metaboxes{flex-shrink:0}.edit-post-layout .editor-post-publish-panel{position:fixed;z-index:100001;top:46px;bottom:0;right:0;left:0;overflow:auto}body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{top:32px;left:auto;width:280px;border-left:1px solid #e2e4e7;transform:translateX(100%);animation:edit-post-layout__slide-in-animation .1s forwards}body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}}@keyframes edit-post-layout__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large{height:33px;line-height:32px}.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer{display:inline-flex;flex:0 1 52px}.edit-post-toggle-publish-panel{position:absolute;bottom:0;right:0;z-index:100000;width:280px;height:0;overflow:hidden}.edit-post-toggle-publish-panel:focus-within{height:auto;padding:20px 0 0}.edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button{float:right;width:auto;height:auto;font-size:14px;font-weight:600;padding:15px 23px 14px;line-height:normal;text-decoration:none;outline:none;background:#f1f1f1}.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{border-bottom:1px solid #e2e4e7;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 #e2e4e7;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__clear{clear:both}.edit-post-sidebar{position:fixed;z-index:100000;top:0;right:0;bottom:0;width:280px;border-left:1px solid #e2e4e7;background:#fff;color:#555d66;height:100vh;overflow:hidden}@media (min-width:600px){.edit-post-sidebar{top:102px;z-index:90;height:auto;overflow:auto;-webkit-overflow-scrolling:touch}body.is-fullscreen-mode .edit-post-sidebar{top:56px}}@media (min-width:782px){.edit-post-sidebar{top:88px}body.is-fullscreen-mode .edit-post-sidebar{top:56px}}.edit-post-sidebar>.components-panel{border-left:none;border-right:none;overflow:auto;-webkit-overflow-scrolling:touch;height:auto;max-height:calc(100vh - 96px);margin-top:-1px;margin-bottom:-1px}body.is-fullscreen-mode .edit-post-sidebar>.components-panel{max-height:calc(100vh - 50px)}@media (min-width:600px){body.is-fullscreen-mode .edit-post-sidebar>.components-panel{max-height:none}}@media (min-width:600px){.edit-post-sidebar>.components-panel{overflow:inherit;height:auto;max-height:none}}.edit-post-sidebar>.components-panel .components-panel__header{position:fixed;z-index:1;top:0;left:0;right:0;height:50px}@media (min-width:600px){.edit-post-sidebar>.components-panel .components-panel__header{position:inherit;top:auto;left:auto;right:auto}}.edit-post-sidebar p{margin-top:0}.edit-post-sidebar h2,.edit-post-sidebar h3{font-size:13px;color:#555d66;margin-bottom:1.5em}.edit-post-sidebar hr{border-top:none;border-bottom:1px solid #e2e4e7;margin:1.5em 0}.edit-post-sidebar div.components-toolbar{box-shadow:none;margin-bottom:1.5em}.edit-post-sidebar div.components-toolbar:last-child{margin-bottom:0}.edit-post-sidebar p+div.components-toolbar{margin-top:-1em}.edit-post-sidebar .editor-skip-to-selected-block:focus{top:auto;right:10px;bottom:10px;left:auto}@media (min-width:782px){.edit-post-layout.is-sidebar-opened .edit-post-layout__content{margin-right:280px}}.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout,.edit-post-layout.is-sidebar-opened .edit-post-sidebar{width:100%}@media (min-width:782px){.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout,.edit-post-layout.is-sidebar-opened .edit-post-sidebar{width:280px}}.components-panel__header.edit-post-sidebar__header{background:#fff;padding-right:8px}.components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.edit-post-sidebar__header{display:none}}.components-panel__header.edit-post-sidebar__panel-tabs{margin-top:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button{display:none;margin-left:auto}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button{display:flex}}.edit-post-sidebar__panel-tab{height:50px}.components-panel__body.is-opened.edit-post-last-revision__panel{padding:0}.editor-post-last-revision__title{padding:13px 16px}.editor-post-author__select{margin:-5px 0;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.editor-post-author__select{width:auto}}.edit-post-post-link__link-post-name{font-weight:600}.edit-post-post-link__preview-label{margin:0}.edit-post-post-link__link{word-wrap:break-word}.edit-post-post-schedule{width:100%;position:relative}.edit-post-post-schedule__label{display:none}.components-button.edit-post-post-schedule__toggle{text-align:right}.edit-post-post-schedule__dialog .components-popover__content{padding:10px}@media (min-width:782px){.edit-post-post-schedule__dialog .components-popover__content{width:270px}}.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%}.edit-post-post-visibility__dialog .components-popover__content{padding:10px}@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:#7e8993;padding-left:20px;font-style:italic;margin:4px 0 0;line-height:1.4}.components-panel__header.edit-post-sidebar__panel-tabs{justify-content:flex-start;padding-left:0;padding-right:4px;border-top:0;position:-webkit-sticky;position:sticky;z-index:1;top:0}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.edit-post-sidebar__panel-tab{background:transparent;border:none;border-radius:0;cursor:pointer;height:48px;padding:3px 15px;margin-left:0;font-weight:400;color:#191e23;outline-offset:-1px}.edit-post-sidebar__panel-tab:after{content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;speak:none;visibility:hidden}.edit-post-sidebar__panel-tab.is-active{padding-bottom:0;border-bottom:3px solid #0085ba;font-weight:600}body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #d1864a}body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #a3b9a2}body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #e14d43}body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #a7b656}body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #c2a68c}body.admin-color-blue .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #82b4cb}body.admin-color-light .edit-post-sidebar__panel-tab.is-active{border-bottom:3px solid #0085ba}.edit-post-sidebar__panel-tab:focus{color:#191e23;outline:1px solid #6c7781;box-shadow:none}.edit-post-settings-sidebar__panel-block .components-panel__body{border:none;border-top:1px solid #e2e4e7;margin:0 -16px}.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control{margin:0 0 1.5em}.edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child{margin-bottom:.5em}.edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle{color:#191e23}.edit-post-settings-sidebar__panel-block .components-panel__body:first-child{margin-top:16px}.edit-post-settings-sidebar__panel-block .components-panel__body:last-child{margin-bottom:-16px}.components-panel__header.edit-post-sidebar-header__small{background:#fff;padding-right:4px}.components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.edit-post-sidebar-header__small{display:none}}.components-panel__header.edit-post-sidebar-header{padding-right:4px;background:#f3f4f5}.components-panel__header.edit-post-sidebar-header .components-icon-button{display:none;margin-left:auto}.components-panel__header.edit-post-sidebar-header .components-icon-button~.components-icon-button{margin-left:0}@media (min-width:782px){.components-panel__header.edit-post-sidebar-header .components-icon-button{display:flex}}.edit-post-text-editor__body{padding-top:40px}@media (min-width:600px){.edit-post-text-editor__body{padding-top:86px}body.is-fullscreen-mode .edit-post-text-editor__body{padding-top:40px}}@media (min-width:782px){.edit-post-text-editor__body,body.is-fullscreen-mode .edit-post-text-editor__body{padding-top:40px}}.edit-post-text-editor{width:100%;margin-left:16px;margin-right:16px;padding-top:44px}@media (min-width:600px){.edit-post-text-editor{max-width:610px;margin-left:auto;margin-right:auto}}.edit-post-text-editor .editor-post-title__block textarea{border:1px solid #e2e4e7;margin-bottom:4px;padding:14px}.edit-post-text-editor .editor-post-title__block.is-selected textarea,.edit-post-text-editor .editor-post-title__block textarea:hover{box-shadow:0 0 0 1px #e2e4e7}.edit-post-text-editor .editor-post-permalink{left:0;right:0;margin-top:-6px}@media (min-width:600px){.edit-post-text-editor .editor-post-title,.edit-post-text-editor .editor-post-title__block{padding:0}}.edit-post-text-editor .editor-post-text-editor{padding:14px;min-height:200px;line-height:1.8}.edit-post-text-editor .edit-post-text-editor__toolbar{position:absolute;top:8px;left:0;right:0;height:36px;line-height:36px;padding:0 8px 0 16px;display:flex}.edit-post-text-editor .edit-post-text-editor__toolbar h2{margin:0 auto 0 0;font-size:13px;color:#555d66}.edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg{order:1}.edit-post-visual-editor{position:relative;padding:50px 0}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.edit-post-visual-editor .editor-writing-flow__click-redirect{height:50px;width:100%;margin:-4px auto -50px}.edit-post-visual-editor .editor-block-list__block{margin-left:auto;margin-right:auto}@media (min-width:600px){.edit-post-visual-editor .editor-block-list__block .editor-block-list__block-edit{margin-left:-28px;margin-right:-28px}.edit-post-visual-editor .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-contextual-toolbar,.edit-post-visual-editor .editor-block-list__block[data-align=wide]>.editor-block-list__block-edit>.editor-block-contextual-toolbar{width:calc(100% + 30px);height:0;text-align:center;float:left}.edit-post-visual-editor .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-contextual-toolbar .editor-block-toolbar,.edit-post-visual-editor .editor-block-list__block[data-align=wide]>.editor-block-list__block-edit>.editor-block-contextual-toolbar .editor-block-toolbar{max-width:610px;width:100%;position:relative}.edit-post-visual-editor .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-contextual-toolbar{width:100%;margin-left:0;margin-right:0}}@media (min-width:600px){.editor-post-title{padding-left:46px;padding-right:46px}}.edit-post-visual-editor .editor-post-title__block{margin-left:auto;margin-right:auto;margin-bottom:-20px}.edit-post-visual-editor .editor-post-title__block>div{margin-left:0;margin-right:0}@media (min-width:600px){.edit-post-visual-editor .editor-post-title__block>div{margin-left:-2px;margin-right:-2px}}.edit-post-visual-editor .editor-block-list__layout>.editor-block-list__block[data-align=left]:first-child,.edit-post-visual-editor .editor-block-list__layout>.editor-block-list__block[data-align=right]:first-child{margin-top:34px}.edit-post-visual-editor .editor-default-block-appender{margin-left:auto;margin-right:auto;position:relative}.edit-post-visual-editor .editor-default-block-appender[data-root-client-id=""] .editor-default-block-appender__content:hover{outline:1px solid transparent}.edit-post-visual-editor .editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible=true]+p,.edit-post-visual-editor .editor-default-block-appender__content{min-height:28px;line-height:1.8}.edit-post-options-modal__title{font-size:1rem;font-weight:600}.edit-post-options-modal__section{margin:0 0 2rem}.edit-post-options-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-options-modal__option{border-top:1px solid #e2e4e7}.edit-post-options-modal__option:last-child{border-bottom:1px solid #e2e4e7}.edit-post-options-modal__option .components-base-control__field{align-items:center;display:flex;margin:0}.edit-post-options-modal__option .components-checkbox-control__label{flex-grow:1;padding:.6rem 0 .6rem 10px}@keyframes edit-post__loading-fade-animation{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@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,.components-modal__frame{box-sizing:border-box}.block-editor *,.block-editor :after,.block-editor :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}.block-editor select,.components-modal__frame select{font-size:13px;color:#555d66}@media (min-width:600px){.block-editor__container{position:absolute;top:0;right:0;bottom:0;left:0;min-height:calc(100vh - 46px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}@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%}.block-editor__container .components-navigate-regions{height:100%}.components-modal__content .input-control,.components-modal__content input[type=checkbox],.components-modal__content input[type=color],.components-modal__content input[type=date],.components-modal__content input[type=datetime-local],.components-modal__content input[type=datetime],.components-modal__content input[type=email],.components-modal__content input[type=month],.components-modal__content input[type=number],.components-modal__content input[type=password],.components-modal__content input[type=radio],.components-modal__content input[type=search],.components-modal__content input[type=tel],.components-modal__content input[type=text],.components-modal__content input[type=time],.components-modal__content input[type=url],.components-modal__content input[type=week],.components-modal__content select,.components-modal__content textarea,.components-popover .input-control,.components-popover input[type=checkbox],.components-popover input[type=color],.components-popover input[type=date],.components-popover input[type=datetime-local],.components-popover input[type=datetime],.components-popover input[type=email],.components-popover input[type=month],.components-popover input[type=number],.components-popover input[type=password],.components-popover input[type=radio],.components-popover input[type=search],.components-popover input[type=tel],.components-popover input[type=text],.components-popover input[type=time],.components-popover input[type=url],.components-popover input[type=week],.components-popover select,.components-popover textarea,.edit-post-sidebar .input-control,.edit-post-sidebar input[type=checkbox],.edit-post-sidebar input[type=color],.edit-post-sidebar input[type=date],.edit-post-sidebar input[type=datetime-local],.edit-post-sidebar input[type=datetime],.edit-post-sidebar input[type=email],.edit-post-sidebar input[type=month],.edit-post-sidebar input[type=number],.edit-post-sidebar input[type=password],.edit-post-sidebar input[type=radio],.edit-post-sidebar input[type=search],.edit-post-sidebar input[type=tel],.edit-post-sidebar input[type=text],.edit-post-sidebar input[type=time],.edit-post-sidebar input[type=url],.edit-post-sidebar input[type=week],.edit-post-sidebar select,.edit-post-sidebar textarea,.editor-block-list__block .input-control,.editor-block-list__block input[type=checkbox],.editor-block-list__block input[type=color],.editor-block-list__block input[type=date],.editor-block-list__block input[type=datetime-local],.editor-block-list__block input[type=datetime],.editor-block-list__block input[type=email],.editor-block-list__block input[type=month],.editor-block-list__block input[type=number],.editor-block-list__block input[type=password],.editor-block-list__block input[type=radio],.editor-block-list__block input[type=search],.editor-block-list__block input[type=tel],.editor-block-list__block input[type=text],.editor-block-list__block input[type=time],.editor-block-list__block input[type=url],.editor-block-list__block input[type=week],.editor-block-list__block select,.editor-block-list__block textarea,.editor-post-permalink .input-control,.editor-post-permalink input[type=checkbox],.editor-post-permalink input[type=color],.editor-post-permalink input[type=date],.editor-post-permalink input[type=datetime-local],.editor-post-permalink input[type=datetime],.editor-post-permalink input[type=email],.editor-post-permalink input[type=month],.editor-post-permalink input[type=number],.editor-post-permalink input[type=password],.editor-post-permalink input[type=radio],.editor-post-permalink input[type=search],.editor-post-permalink input[type=tel],.editor-post-permalink input[type=text],.editor-post-permalink input[type=time],.editor-post-permalink input[type=url],.editor-post-permalink input[type=week],.editor-post-permalink select,.editor-post-permalink textarea,.editor-post-publish-panel .input-control,.editor-post-publish-panel input[type=checkbox],.editor-post-publish-panel input[type=color],.editor-post-publish-panel input[type=date],.editor-post-publish-panel input[type=datetime-local],.editor-post-publish-panel input[type=datetime],.editor-post-publish-panel input[type=email],.editor-post-publish-panel input[type=month],.editor-post-publish-panel input[type=number],.editor-post-publish-panel input[type=password],.editor-post-publish-panel input[type=radio],.editor-post-publish-panel input[type=search],.editor-post-publish-panel input[type=tel],.editor-post-publish-panel input[type=text],.editor-post-publish-panel input[type=time],.editor-post-publish-panel input[type=url],.editor-post-publish-panel input[type=week],.editor-post-publish-panel select,.editor-post-publish-panel textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:4px;border:1px solid #8d96a0}.components-modal__content .input-control:focus,.components-modal__content input[type=checkbox]:focus,.components-modal__content input[type=color]:focus,.components-modal__content input[type=date]:focus,.components-modal__content input[type=datetime-local]:focus,.components-modal__content input[type=datetime]:focus,.components-modal__content input[type=email]:focus,.components-modal__content input[type=month]:focus,.components-modal__content input[type=number]:focus,.components-modal__content input[type=password]:focus,.components-modal__content input[type=radio]:focus,.components-modal__content input[type=search]:focus,.components-modal__content input[type=tel]:focus,.components-modal__content input[type=text]:focus,.components-modal__content input[type=time]:focus,.components-modal__content input[type=url]:focus,.components-modal__content input[type=week]:focus,.components-modal__content select:focus,.components-modal__content textarea:focus,.components-popover .input-control:focus,.components-popover input[type=checkbox]:focus,.components-popover input[type=color]:focus,.components-popover input[type=date]:focus,.components-popover input[type=datetime-local]:focus,.components-popover input[type=datetime]:focus,.components-popover input[type=email]:focus,.components-popover input[type=month]:focus,.components-popover input[type=number]:focus,.components-popover input[type=password]:focus,.components-popover input[type=radio]:focus,.components-popover input[type=search]:focus,.components-popover input[type=tel]:focus,.components-popover input[type=text]:focus,.components-popover input[type=time]:focus,.components-popover input[type=url]:focus,.components-popover input[type=week]:focus,.components-popover select:focus,.components-popover textarea:focus,.edit-post-sidebar .input-control:focus,.edit-post-sidebar input[type=checkbox]:focus,.edit-post-sidebar input[type=color]:focus,.edit-post-sidebar input[type=date]:focus,.edit-post-sidebar input[type=datetime-local]:focus,.edit-post-sidebar input[type=datetime]:focus,.edit-post-sidebar input[type=email]:focus,.edit-post-sidebar input[type=month]:focus,.edit-post-sidebar input[type=number]:focus,.edit-post-sidebar input[type=password]:focus,.edit-post-sidebar input[type=radio]:focus,.edit-post-sidebar input[type=search]:focus,.edit-post-sidebar input[type=tel]:focus,.edit-post-sidebar input[type=text]:focus,.edit-post-sidebar input[type=time]:focus,.edit-post-sidebar input[type=url]:focus,.edit-post-sidebar input[type=week]:focus,.edit-post-sidebar select:focus,.edit-post-sidebar textarea:focus,.editor-block-list__block .input-control:focus,.editor-block-list__block input[type=checkbox]:focus,.editor-block-list__block input[type=color]:focus,.editor-block-list__block input[type=date]:focus,.editor-block-list__block input[type=datetime-local]:focus,.editor-block-list__block input[type=datetime]:focus,.editor-block-list__block input[type=email]:focus,.editor-block-list__block input[type=month]:focus,.editor-block-list__block input[type=number]:focus,.editor-block-list__block input[type=password]:focus,.editor-block-list__block input[type=radio]:focus,.editor-block-list__block input[type=search]:focus,.editor-block-list__block input[type=tel]:focus,.editor-block-list__block input[type=text]:focus,.editor-block-list__block input[type=time]:focus,.editor-block-list__block input[type=url]:focus,.editor-block-list__block input[type=week]:focus,.editor-block-list__block select:focus,.editor-block-list__block textarea:focus,.editor-post-permalink .input-control:focus,.editor-post-permalink input[type=checkbox]:focus,.editor-post-permalink input[type=color]:focus,.editor-post-permalink input[type=date]:focus,.editor-post-permalink input[type=datetime-local]:focus,.editor-post-permalink input[type=datetime]:focus,.editor-post-permalink input[type=email]:focus,.editor-post-permalink input[type=month]:focus,.editor-post-permalink input[type=number]:focus,.editor-post-permalink input[type=password]:focus,.editor-post-permalink input[type=radio]:focus,.editor-post-permalink input[type=search]:focus,.editor-post-permalink input[type=tel]:focus,.editor-post-permalink input[type=text]:focus,.editor-post-permalink input[type=time]:focus,.editor-post-permalink input[type=url]:focus,.editor-post-permalink input[type=week]:focus,.editor-post-permalink select:focus,.editor-post-permalink textarea:focus,.editor-post-publish-panel .input-control:focus,.editor-post-publish-panel input[type=checkbox]:focus,.editor-post-publish-panel input[type=color]:focus,.editor-post-publish-panel input[type=date]:focus,.editor-post-publish-panel input[type=datetime-local]:focus,.editor-post-publish-panel input[type=datetime]:focus,.editor-post-publish-panel input[type=email]:focus,.editor-post-publish-panel input[type=month]:focus,.editor-post-publish-panel input[type=number]:focus,.editor-post-publish-panel input[type=password]:focus,.editor-post-publish-panel input[type=radio]:focus,.editor-post-publish-panel input[type=search]:focus,.editor-post-publish-panel input[type=tel]:focus,.editor-post-publish-panel input[type=text]:focus,.editor-post-publish-panel input[type=time]:focus,.editor-post-publish-panel input[type=url]:focus,.editor-post-publish-panel input[type=week]:focus,.editor-post-publish-panel select:focus,.editor-post-publish-panel textarea:focus{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.components-modal__content select,.components-popover select,.edit-post-sidebar select,.editor-block-list__block select,.editor-post-permalink select,.editor-post-publish-panel select{padding:2px}.components-modal__content select:focus,.components-popover select:focus,.edit-post-sidebar select:focus,.editor-block-list__block select:focus,.editor-post-permalink select:focus,.editor-post-publish-panel select:focus{border-color:#008dbe;outline:2px solid transparent;outline-offset:0}.components-modal__content input[type=checkbox],.components-modal__content input[type=radio],.components-popover input[type=checkbox],.components-popover input[type=radio],.edit-post-sidebar input[type=checkbox],.edit-post-sidebar input[type=radio],.editor-block-list__block input[type=checkbox],.editor-block-list__block input[type=radio],.editor-post-permalink input[type=checkbox],.editor-post-permalink input[type=radio],.editor-post-publish-panel input[type=checkbox],.editor-post-publish-panel input[type=radio]{border:2px solid #6c7781;margin-right:12px;transition:none}.components-modal__content input[type=checkbox]:focus,.components-modal__content input[type=radio]:focus,.components-popover input[type=checkbox]:focus,.components-popover input[type=radio]:focus,.edit-post-sidebar input[type=checkbox]:focus,.edit-post-sidebar input[type=radio]:focus,.editor-block-list__block input[type=checkbox]:focus,.editor-block-list__block input[type=radio]:focus,.editor-post-permalink input[type=checkbox]:focus,.editor-post-permalink input[type=radio]:focus,.editor-post-publish-panel input[type=checkbox]:focus,.editor-post-publish-panel input[type=radio]:focus{border-color:#6c7781;box-shadow:0 0 0 1px #6c7781}.components-modal__content input[type=checkbox]:checked,.components-modal__content input[type=radio]:checked,.components-popover input[type=checkbox]:checked,.components-popover input[type=radio]:checked,.edit-post-sidebar input[type=checkbox]:checked,.edit-post-sidebar input[type=radio]:checked,.editor-block-list__block input[type=checkbox]:checked,.editor-block-list__block input[type=radio]:checked,.editor-post-permalink input[type=checkbox]:checked,.editor-post-permalink input[type=radio]:checked,.editor-post-publish-panel input[type=checkbox]:checked,.editor-post-publish-panel input[type=radio]:checked{background:#11a0d2;border-color:#11a0d2}body.admin-color-sunrise .components-modal__content input[type=checkbox]:checked,body.admin-color-sunrise .components-modal__content input[type=radio]:checked,body.admin-color-sunrise .components-popover input[type=checkbox]:checked,body.admin-color-sunrise .components-popover input[type=radio]:checked,body.admin-color-sunrise .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-sunrise .edit-post-sidebar input[type=radio]:checked,body.admin-color-sunrise .editor-block-list__block input[type=checkbox]:checked,body.admin-color-sunrise .editor-block-list__block input[type=radio]:checked,body.admin-color-sunrise .editor-post-permalink input[type=checkbox]:checked,body.admin-color-sunrise .editor-post-permalink input[type=radio]:checked,body.admin-color-sunrise .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-sunrise .editor-post-publish-panel input[type=radio]:checked{background:#c8b03c;border-color:#c8b03c}body.admin-color-ocean .components-modal__content input[type=checkbox]:checked,body.admin-color-ocean .components-modal__content input[type=radio]:checked,body.admin-color-ocean .components-popover input[type=checkbox]:checked,body.admin-color-ocean .components-popover input[type=radio]:checked,body.admin-color-ocean .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-ocean .edit-post-sidebar input[type=radio]:checked,body.admin-color-ocean .editor-block-list__block input[type=checkbox]:checked,body.admin-color-ocean .editor-block-list__block input[type=radio]:checked,body.admin-color-ocean .editor-post-permalink input[type=checkbox]:checked,body.admin-color-ocean .editor-post-permalink input[type=radio]:checked,body.admin-color-ocean .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-ocean .editor-post-publish-panel input[type=radio]:checked{background:#a3b9a2;border-color:#a3b9a2}body.admin-color-midnight .components-modal__content input[type=checkbox]:checked,body.admin-color-midnight .components-modal__content input[type=radio]:checked,body.admin-color-midnight .components-popover input[type=checkbox]:checked,body.admin-color-midnight .components-popover input[type=radio]:checked,body.admin-color-midnight .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-midnight .edit-post-sidebar input[type=radio]:checked,body.admin-color-midnight .editor-block-list__block input[type=checkbox]:checked,body.admin-color-midnight .editor-block-list__block input[type=radio]:checked,body.admin-color-midnight .editor-post-permalink input[type=checkbox]:checked,body.admin-color-midnight .editor-post-permalink input[type=radio]:checked,body.admin-color-midnight .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-midnight .editor-post-publish-panel input[type=radio]:checked{background:#77a6b9;border-color:#77a6b9}body.admin-color-ectoplasm .components-modal__content input[type=checkbox]:checked,body.admin-color-ectoplasm .components-modal__content input[type=radio]:checked,body.admin-color-ectoplasm .components-popover input[type=checkbox]:checked,body.admin-color-ectoplasm .components-popover input[type=radio]:checked,body.admin-color-ectoplasm .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-ectoplasm .edit-post-sidebar input[type=radio]:checked,body.admin-color-ectoplasm .editor-block-list__block input[type=checkbox]:checked,body.admin-color-ectoplasm .editor-block-list__block input[type=radio]:checked,body.admin-color-ectoplasm .editor-post-permalink input[type=checkbox]:checked,body.admin-color-ectoplasm .editor-post-permalink input[type=radio]:checked,body.admin-color-ectoplasm .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-ectoplasm .editor-post-publish-panel input[type=radio]:checked{background:#a7b656;border-color:#a7b656}body.admin-color-coffee .components-modal__content input[type=checkbox]:checked,body.admin-color-coffee .components-modal__content input[type=radio]:checked,body.admin-color-coffee .components-popover input[type=checkbox]:checked,body.admin-color-coffee .components-popover input[type=radio]:checked,body.admin-color-coffee .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-coffee .edit-post-sidebar input[type=radio]:checked,body.admin-color-coffee .editor-block-list__block input[type=checkbox]:checked,body.admin-color-coffee .editor-block-list__block input[type=radio]:checked,body.admin-color-coffee .editor-post-permalink input[type=checkbox]:checked,body.admin-color-coffee .editor-post-permalink input[type=radio]:checked,body.admin-color-coffee .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-coffee .editor-post-publish-panel input[type=radio]:checked{background:#c2a68c;border-color:#c2a68c}body.admin-color-blue .components-modal__content input[type=checkbox]:checked,body.admin-color-blue .components-modal__content input[type=radio]:checked,body.admin-color-blue .components-popover input[type=checkbox]:checked,body.admin-color-blue .components-popover input[type=radio]:checked,body.admin-color-blue .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-blue .edit-post-sidebar input[type=radio]:checked,body.admin-color-blue .editor-block-list__block input[type=checkbox]:checked,body.admin-color-blue .editor-block-list__block input[type=radio]:checked,body.admin-color-blue .editor-post-permalink input[type=checkbox]:checked,body.admin-color-blue .editor-post-permalink input[type=radio]:checked,body.admin-color-blue .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-blue .editor-post-publish-panel input[type=radio]:checked{background:#82b4cb;border-color:#82b4cb}body.admin-color-light .components-modal__content input[type=checkbox]:checked,body.admin-color-light .components-modal__content input[type=radio]:checked,body.admin-color-light .components-popover input[type=checkbox]:checked,body.admin-color-light .components-popover input[type=radio]:checked,body.admin-color-light .edit-post-sidebar input[type=checkbox]:checked,body.admin-color-light .edit-post-sidebar input[type=radio]:checked,body.admin-color-light .editor-block-list__block input[type=checkbox]:checked,body.admin-color-light .editor-block-list__block input[type=radio]:checked,body.admin-color-light .editor-post-permalink input[type=checkbox]:checked,body.admin-color-light .editor-post-permalink input[type=radio]:checked,body.admin-color-light .editor-post-publish-panel input[type=checkbox]:checked,body.admin-color-light .editor-post-publish-panel input[type=radio]:checked{background:#11a0d2;border-color:#11a0d2}.components-modal__content input[type=checkbox]:checked:focus,.components-modal__content input[type=radio]:checked:focus,.components-popover input[type=checkbox]:checked:focus,.components-popover input[type=radio]:checked:focus,.edit-post-sidebar input[type=checkbox]:checked:focus,.edit-post-sidebar input[type=radio]:checked:focus,.editor-block-list__block input[type=checkbox]:checked:focus,.editor-block-list__block input[type=radio]:checked:focus,.editor-post-permalink input[type=checkbox]:checked:focus,.editor-post-permalink input[type=radio]:checked:focus,.editor-post-publish-panel input[type=checkbox]:checked:focus,.editor-post-publish-panel input[type=radio]:checked:focus{box-shadow:0 0 0 2px #555d66}.components-modal__content input[type=checkbox],.components-popover input[type=checkbox],.edit-post-sidebar input[type=checkbox],.editor-block-list__block input[type=checkbox],.editor-post-permalink input[type=checkbox],.editor-post-publish-panel input[type=checkbox]{border-radius:2px}.components-modal__content input[type=checkbox]:checked:before,.components-popover input[type=checkbox]:checked:before,.edit-post-sidebar input[type=checkbox]:checked:before,.editor-block-list__block input[type=checkbox]:checked:before,.editor-post-permalink input[type=checkbox]:checked:before,.editor-post-publish-panel input[type=checkbox]:checked:before{margin:-4px 0 0 -5px;color:#fff}.components-modal__content input[type=radio],.components-popover input[type=radio],.edit-post-sidebar input[type=radio],.editor-block-list__block input[type=radio],.editor-post-permalink input[type=radio],.editor-post-publish-panel input[type=radio]{border-radius:50%}.components-modal__content input[type=radio]:checked:before,.components-popover input[type=radio]:checked:before,.edit-post-sidebar input[type=radio]:checked:before,.editor-block-list__block input[type=radio]:checked:before,.editor-post-permalink input[type=radio]:checked:before,.editor-post-publish-panel input[type=radio]:checked:before{margin:3px 0 0 3px;background-color:#fff}.editor-block-list__block input::-webkit-input-placeholder,.editor-block-list__block textarea::-webkit-input-placeholder,.editor-post-title input::-webkit-input-placeholder,.editor-post-title textarea::-webkit-input-placeholder{color:rgba(14,28,46,.62)}.editor-block-list__block input::-moz-placeholder,.editor-block-list__block textarea::-moz-placeholder,.editor-post-title input::-moz-placeholder,.editor-post-title textarea::-moz-placeholder{opacity:1;color:rgba(14,28,46,.62)}.editor-block-list__block input:-ms-input-placeholder,.editor-block-list__block textarea:-ms-input-placeholder,.editor-post-title input:-ms-input-placeholder,.editor-post-title textarea:-ms-input-placeholder{color:rgba(14,28,46,.62)}.is-dark-theme .editor-block-list__block input::-webkit-input-placeholder,.is-dark-theme .editor-block-list__block textarea::-webkit-input-placeholder,.is-dark-theme .editor-post-title input::-webkit-input-placeholder,.is-dark-theme .editor-post-title textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-block-list__block input::-moz-placeholder,.is-dark-theme .editor-block-list__block textarea::-moz-placeholder,.is-dark-theme .editor-post-title input::-moz-placeholder,.is-dark-theme .editor-post-title textarea::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-block-list__block input:-ms-input-placeholder,.is-dark-theme .editor-block-list__block textarea:-ms-input-placeholder,.is-dark-theme .editor-post-title input:-ms-input-placeholder,.is-dark-theme .editor-post-title textarea:-ms-input-placeholder{color:hsla(0,0%,100%,.65)}.wp-block{max-width:610px}.wp-block[data-align=wide]{max-width:1100px}.wp-block[data-align=full]{max-width:none} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/editor-styles-rtl.css b/wp-includes/css/dist/editor/editor-styles-rtl.css index 124eccd47c..52bcca1980 100644 --- a/wp-includes/css/dist/editor/editor-styles-rtl.css +++ b/wp-includes/css/dist/editor/editor-styles-rtl.css @@ -1,57 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -body { - font-family: "Noto Serif", serif; - font-size: 16px; - line-height: 1.8; - color: #191e23; } - -p { - font-size: 16px; - line-height: 1.8; } - -ul, -ol { - margin: 0; - padding: 0; } - -ul { - list-style-type: disc; } - -ol { - list-style-type: decimal; } - -ul ul, -ol ul { - list-style-type: circle; } - -.mce-content-body { - line-height: 1.8; } +body{font-family:"Noto Serif",serif;color:#191e23}body,p{font-size:16px;line-height:1.8}ol,ul{margin:0;padding:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}.mce-content-body{line-height:1.8} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/editor-styles.css b/wp-includes/css/dist/editor/editor-styles.css index 124eccd47c..52bcca1980 100644 --- a/wp-includes/css/dist/editor/editor-styles.css +++ b/wp-includes/css/dist/editor/editor-styles.css @@ -1,57 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -body { - font-family: "Noto Serif", serif; - font-size: 16px; - line-height: 1.8; - color: #191e23; } - -p { - font-size: 16px; - line-height: 1.8; } - -ul, -ol { - margin: 0; - padding: 0; } - -ul { - list-style-type: disc; } - -ol { - list-style-type: decimal; } - -ul ul, -ol ul { - list-style-type: circle; } - -.mce-content-body { - line-height: 1.8; } +body{font-family:"Noto Serif",serif;color:#191e23}body,p{font-size:16px;line-height:1.8}ol,ul{margin:0;padding:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}.mce-content-body{line-height:1.8} \ 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 index 0bc918424c..62b4f4dce4 100644 --- a/wp-includes/css/dist/editor/style-rtl.css +++ b/wp-includes/css/dist/editor/style-rtl.css @@ -1,2573 +1 @@ -@charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.editor-autocompleters__block .editor-block-icon { - margin-left: 8px; } - -.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: #8f98a1; - 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: #66c6e4; } - -.editor-block-drop-zone { - border: none; - border-radius: 0; } - .editor-block-drop-zone .components-drop-zone__content, - .editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content { - display: none; } - .editor-block-drop-zone.is-close-to-bottom { - background: none; - border-bottom: 3px solid #0085ba; } - body.admin-color-sunrise .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #d1864a; } - body.admin-color-ocean .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #a3b9a2; } - body.admin-color-midnight .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #e14d43; } - body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #a7b656; } - body.admin-color-coffee .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #c2a68c; } - body.admin-color-blue .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #82b4cb; } - body.admin-color-light .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #0085ba; } - .editor-block-drop-zone.is-close-to-top, .editor-block-drop-zone.is-appender.is-close-to-top, .editor-block-drop-zone.is-appender.is-close-to-bottom { - background: none; - border-top: 3px solid #0085ba; - border-bottom: none; } - body.admin-color-sunrise .editor-block-drop-zone.is-close-to-top, body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #d1864a; } - body.admin-color-ocean .editor-block-drop-zone.is-close-to-top, body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #a3b9a2; } - body.admin-color-midnight .editor-block-drop-zone.is-close-to-top, body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #e14d43; } - body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-top, body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #a7b656; } - body.admin-color-coffee .editor-block-drop-zone.is-close-to-top, body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #c2a68c; } - body.admin-color-blue .editor-block-drop-zone.is-close-to-top, body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #82b4cb; } - body.admin-color-light .editor-block-drop-zone.is-close-to-top, body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #0085ba; } - -.editor-block-icon { - display: flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; - margin: 0; - border-radius: 4px; } - .editor-block-icon.has-colors svg { - fill: currentColor; } - .editor-block-icon svg { - min-width: 20px; - min-height: 20px; - max-width: 24px; - max-height: 24px; } - -.editor-block-inspector__no-blocks { - display: block; - font-size: 13px; - background: #fff; - padding: 32px 16px; - text-align: center; } - -.editor-block-inspector__card { - display: flex; - align-items: flex-start; - margin: -16px; - padding: 16px; } - -.editor-block-inspector__card-icon { - border: 1px solid #ccd0d4; - padding: 7px; - margin-left: 10px; - height: 36px; - width: 36px; } - -.editor-block-inspector__card-content { - flex-grow: 1; } - -.editor-block-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; } - -.editor-block-inspector__card-description { - font-size: 13px; } - -.editor-block-inspector__card .editor-block-icon { - margin-right: -2px; - margin-left: 10px; - padding: 0 3px; - width: 36px; - height: 24px; } - -.editor-block-list__layout .components-draggable__clone .editor-block-contextual-toolbar { - display: none !important; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-list__block-edit::before { - outline: none; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging > .editor-block-list__block-edit > * { - background: #f8f9f9; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging > .editor-block-list__block-edit > * > * { - visibility: hidden; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-mover, -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-contextual-toolbar { - display: none; } - -.editor-block-list__layout .editor-block-list__block.is-selected > .editor-block-list__block-edit .reusable-block-edit-panel * { - z-index: 1; } - -/** - * General layout - */ -@media (min-width: 600px) { - .editor-block-list__layout { - padding-right: 46px; - padding-left: 46px; } } - -.editor-block-list__block .editor-block-list__layout { - padding-right: 0; - padding-left: 0; - margin-right: -14px; - margin-left: -14px; } - -.editor-block-list__layout .editor-default-block-appender > .editor-default-block-appender__content, -.editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit, -.editor-block-list__layout > .editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit { - margin-top: 32px; - margin-bottom: 32px; } - -.editor-block-list__layout .editor-block-list__block { - position: relative; - padding-right: 14px; - padding-left: 14px; - overflow-wrap: break-word; - /** - * Notices - */ - /** - * Block outline layout - */ } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block { - padding-right: 43px; - padding-left: 43px; } } - .editor-block-list__layout .editor-block-list__block .components-placeholder .components-with-notices-ui { - margin: -10px 20px 12px 20px; - width: calc(100% - 40px); } - .editor-block-list__layout .editor-block-list__block .components-with-notices-ui { - margin: 0 0 12px 0; - width: 100%; } - .editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice { - margin-right: 0; - margin-left: 0; } - .editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { - font-size: 13px; } - .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit { - position: relative; } - .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit::before { - z-index: 0; - content: ""; - position: absolute; - outline: 1px solid transparent; - transition: outline 0.1s linear; - pointer-events: none; - left: -14px; - right: -14px; - top: -14px; - bottom: -14px; } - .editor-block-list__layout .editor-block-list__block.is-selected > .editor-block-list__block-edit::before { - outline: 1px solid rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.is-selected > .editor-block-list__block-edit::before { - outline-color: rgba(255, 255, 255, 0.3); } - .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before { - outline: 1px solid #007cba; } - body.admin-color-sunrise .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #837425; } - body.admin-color-ocean .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #5e7d5e; } - body.admin-color-midnight .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #497b8d; } - body.admin-color-ectoplasm .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #523f6d; } - body.admin-color-coffee .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #59524c; } - body.admin-color-blue .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #417e9B; } - body.admin-color-light .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #007cba; } - .editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected) { - opacity: 0.5; - transition: opacity 0.1s linear; } - .editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .editor-block-list__block, .editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { - opacity: 1; } - -/** - * Cross-block selection - */ -.editor-block-list__layout .editor-block-list__block ::-moz-selection { - background-color: #b3e7fe; } - -.editor-block-list__layout .editor-block-list__block ::selection { - background-color: #b3e7fe; } - -.editor-block-list__layout .editor-block-list__block.is-multi-selected *::-moz-selection { - background-color: transparent; } - -.editor-block-list__layout .editor-block-list__block.is-multi-selected *::selection { - background-color: transparent; } - -.editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit::before { - background: #b3e7fe; - mix-blend-mode: multiply; - top: -14px; - bottom: -14px; } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit::before { - mix-blend-mode: soft-light; } - -/** - * Block styles and alignments - */ -.editor-block-list__layout .editor-block-list__block.has-warning { - min-height: 36px; } - -.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit > * { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit .editor-warning { - pointer-events: all; } - -.editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit::before { - outline-color: rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit::before { - outline-color: rgba(255, 255, 255, 0.3); } - -.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit::after { - content: ""; - position: absolute; - background-color: rgba(248, 249, 249, 0.4); - top: -14px; - bottom: -14px; - left: -14px; - right: -14px; } - -.editor-block-list__layout .editor-block-list__block.has-warning.is-multi-selected .editor-block-list__block-edit::after { - background-color: transparent; } - -.editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::after { - bottom: 22px; } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::after { - bottom: -14px; } } - -.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__empty-block-inserter, -.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__side-inserter { - opacity: 0; } - -.editor-block-list__layout .editor-block-list__block .editor-block-list__empty-block-inserter, -.editor-block-list__layout .editor-block-list__block .editor-block-list__side-inserter { - opacity: 1; - transition: opacity 0.2s; } - -.editor-block-list__layout .editor-block-list__block.is-reusable > .editor-block-list__block-edit::before { - outline: 1px dashed rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.is-reusable > .editor-block-list__block-edit::before { - outline-color: rgba(255, 255, 255, 0.3); } - -.editor-block-list__layout .editor-block-list__block[data-align="left"], .editor-block-list__layout .editor-block-list__block[data-align="right"] { - z-index: 20; - width: 100%; - height: 0; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-edit { - margin-top: 0; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit::before, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-edit::before { - content: none; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - margin-bottom: 1px; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-mover, - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-mobile-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-mover, - .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-mobile-toolbar { - display: none; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - width: auto; - border-bottom: 1px solid #e2e4e7; - bottom: auto; } - -.editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - right: 0; - left: auto; } - -.editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - right: auto; - left: 0; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar, - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - top: 14px; } } - -.editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit { - float: left; - margin-right: 2em; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-toolbar { - left: 14px; - right: auto; } } - -.editor-block-list__layout .editor-block-list__block[data-align="right"] > .editor-block-list__block-edit { - float: right; - margin-left: 2em; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-toolbar { - right: 14px; - left: auto; } } - -.editor-block-list__layout .editor-block-list__block[data-align="full"], .editor-block-list__layout .editor-block-list__block[data-align="wide"] { - clear: both; - z-index: 20; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - top: -44px; - bottom: auto; - min-height: 0; - height: auto; - width: auto; - z-index: inherit; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover::before, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover::before { - content: none; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover .editor-block-mover__control, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover .editor-block-mover__control { - float: right; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__breadcrumb, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-list__breadcrumb { - left: -1px; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - display: none; } - @media (min-width: 1280px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - display: block; } } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] .editor-block-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="wide"] .editor-block-toolbar { - display: inline-flex; } } - -.editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - right: -13px; } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-list__breadcrumb { - left: 0; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] { - margin-right: -45px; - margin-left: -45px; } } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit { - margin-right: -14px; - margin-left: -14px; } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit { - margin-right: -44px; - margin-left: -44px; } } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit figure { - width: 100%; } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit::before { - right: 0; - left: 0; - border-right-width: 0; - border-left-width: 0; } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover { - right: 1px; } - -.editor-block-list__layout .editor-block-list__block[data-clear="true"] { - float: none; } - -.editor-block-list__layout .editor-block-list__block .editor-block-drop-zone { - top: -4px; - bottom: -3px; - margin: 0 14px; } - -.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-inserter-with-shortcuts { - display: none; } - -.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-block-list__empty-block-inserter, -.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-default-block-appender .editor-inserter { - right: auto; - left: 8px; } - -/** - * Left and right side UI; Unified toolbar on Mobile - */ -.editor-block-list__block > .editor-block-mover { - position: absolute; - width: 30px; - height: 100%; - max-height: 112px; } - -.editor-block-list__block > .editor-block-mover { - top: -15px; } - -@media (min-width: 600px) { - .editor-block-list__block.is-multi-selected .editor-block-mover, .editor-block-list__block.is-selected .editor-block-mover, .editor-block-list__block.is-hovered .editor-block-mover { - z-index: 80; } } - -.editor-block-list__block > .editor-block-mover { - padding-left: 2px; - right: -30px; - display: none; } - @media (min-width: 600px) { - .editor-block-list__block > .editor-block-mover { - display: block; } } - -/** - * Mobile unified toolbar. - */ -.editor-block-list__block .editor-block-list__block-mobile-toolbar { - display: flex; - flex-direction: row; - transform: translateY(15px); - margin-top: 37px; - margin-left: -14px; - margin-right: -14px; - border-top: 1px solid #e2e4e7; - height: 37px; - box-shadow: 0 5px 10px rgba(25, 30, 35, 0.05), 0 2px 2px rgba(25, 30, 35, 0.05); } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-list__block-mobile-toolbar { - display: none; } } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-list__block-mobile-toolbar { - box-shadow: none; } } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter { - position: relative; - right: auto; - top: auto; - margin: 0; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle, - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control { - width: 36px; - height: 36px; - border-radius: 4px; - padding: 3px; - margin: 0; - justify-content: center; - align-items: center; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle .dashicon, - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control .dashicon { - margin: auto; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover { - display: flex; - margin-left: auto; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-inserter, - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-block-mover__control { - float: right; } - -.editor-block-list__block[data-align="full"] .editor-block-list__block-mobile-toolbar { - margin-right: 0; - margin-left: 0; } - -/** - * In-Canvas Inserter - */ -.editor-block-list .editor-inserter { - margin: 8px; - cursor: move; - cursor: -webkit-grab; - cursor: grab; } - -.editor-block-list__insertion-point { - position: relative; - z-index: 6; - margin-top: -14px; } - -.editor-block-list__insertion-point-indicator { - position: absolute; - top: calc(50% - 1px); - height: 2px; - right: 0; - left: 0; - background: #0085ba; } - -body.admin-color-sunrise .editor-block-list__insertion-point-indicator{ - background: #d1864a; } - -body.admin-color-ocean .editor-block-list__insertion-point-indicator{ - background: #a3b9a2; } - -body.admin-color-midnight .editor-block-list__insertion-point-indicator{ - background: #e14d43; } - -body.admin-color-ectoplasm .editor-block-list__insertion-point-indicator{ - background: #a7b656; } - -body.admin-color-coffee .editor-block-list__insertion-point-indicator{ - background: #c2a68c; } - -body.admin-color-blue .editor-block-list__insertion-point-indicator{ - background: #82b4cb; } - -body.admin-color-light .editor-block-list__insertion-point-indicator{ - background: #0085ba; } - -.editor-block-list__insertion-point-inserter { - display: none; - position: absolute; - bottom: auto; - right: 0; - left: 0; - justify-content: center; - opacity: 0; - transition: opacity 0.1s linear 0.1s; } - @media (min-width: 480px) { - .editor-block-list__insertion-point-inserter { - display: flex; } } - .editor-block-list__insertion-point-inserter .editor-inserter__toggle { - margin-top: -4px; - border-radius: 50%; - color: #007cba; - background: #fff; - height: 36px; - width: 36px; } - .editor-block-list__insertion-point-inserter .editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):hover { - box-shadow: none; } - .editor-block-list__insertion-point-inserter:hover, .editor-block-list__insertion-point-inserter.is-visible { - opacity: 1; } - -.edit-post-layout:not(.has-fixed-toolbar) .is-selected > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter, -.edit-post-layout:not(.has-fixed-toolbar) .is-focused > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter { - opacity: 0; - pointer-events: none; } - .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter:hover, .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter.is-visible, - .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter:hover, - .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter.is-visible { - opacity: 1; - pointer-events: auto; } - -.editor-block-list__block > .editor-block-list__insertion-point { - position: absolute; - top: -16px; - height: 28px; - bottom: auto; - right: 0; - left: 0; } - @media (min-width: 600px) { - .editor-block-list__block > .editor-block-list__insertion-point { - right: -1px; - left: -1px; } } - -.editor-block-list__block[data-align="full"] > .editor-block-list__insertion-point { - right: 0; - left: 0; } - -.editor-block-list__block .editor-block-list__block-html-textarea { - display: block; - margin: 0; - width: 100%; - border: none; - outline: none; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - line-height: 150%; - transition: padding 0.2s linear; } - .editor-block-list__block .editor-block-list__block-html-textarea:focus { - box-shadow: none; } - -/** - * Block Toolbar when contextual. - */ -.editor-block-list__block .editor-block-contextual-toolbar { - position: -webkit-sticky; - position: sticky; - z-index: 21; - white-space: nowrap; - text-align: right; - pointer-events: none; - position: absolute; - bottom: 23px; - right: -14px; - left: -14px; - border-top: 1px solid #e2e4e7; } - .editor-block-list__block .editor-block-contextual-toolbar .components-toolbar { - border-top: none; - border-bottom: none; } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-contextual-toolbar { - border-top: none; } - .editor-block-list__block .editor-block-contextual-toolbar .components-toolbar { - border-top: 1px solid #e2e4e7; - border-bottom: 1px solid #e2e4e7; } } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - margin-bottom: 1px; - margin-top: -37px; } - -.editor-block-list__block .editor-block-contextual-toolbar { - margin-right: 0; - margin-left: 0; } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-contextual-toolbar { - margin-right: -15px; - margin-left: -15px; } } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - margin-right: 15px; } - -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - margin-left: 15px; } - -.editor-block-list__block .editor-block-contextual-toolbar > * { - pointer-events: auto; } - -.editor-block-list__block.is-focus-mode:not(.is-multi-selected) > .editor-block-contextual-toolbar { - margin-right: -28px; } - -@media (min-width: 600px) { - .editor-block-list__block .editor-block-contextual-toolbar { - bottom: auto; - right: auto; - left: auto; - box-shadow: none; - transform: translateY(-52px); } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .editor-block-list__block .editor-block-contextual-toolbar { - position: -webkit-sticky; - position: sticky; - top: 51px; } } } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - float: left; } - -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - float: right; } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - transform: translateY(-15px); } - -.editor-block-contextual-toolbar .editor-block-toolbar { - width: 100%; } - @media (min-width: 600px) { - .editor-block-contextual-toolbar .editor-block-toolbar { - width: auto; - border-left: none; - position: absolute; - right: 0; } } - -/** - * Hover label - */ -.editor-block-list__breadcrumb { - position: absolute; - line-height: 1; - z-index: 2; - left: -14px; - top: -15px; } - .editor-block-list__breadcrumb .components-toolbar { - padding: 0; - border: none; - background: transparent; - line-height: 1; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 11px; - padding: 4px 4px; - background: #007cba; - color: #fff; } - body.admin-color-sunrise .editor-block-list__breadcrumb .components-toolbar{ - background: #837425; } - body.admin-color-ocean .editor-block-list__breadcrumb .components-toolbar{ - background: #5e7d5e; } - body.admin-color-midnight .editor-block-list__breadcrumb .components-toolbar{ - background: #497b8d; } - body.admin-color-ectoplasm .editor-block-list__breadcrumb .components-toolbar{ - background: #523f6d; } - body.admin-color-coffee .editor-block-list__breadcrumb .components-toolbar{ - background: #59524c; } - body.admin-color-blue .editor-block-list__breadcrumb .components-toolbar{ - background: #417e9B; } - body.admin-color-light .editor-block-list__breadcrumb .components-toolbar{ - background: #007cba; } - .editor-block-list__block:hover .editor-block-list__breadcrumb .components-toolbar { - opacity: 0; - animation: edit-post__fade-in-animation 60ms ease-out 0.5s; - animation-fill-mode: forwards; } - [data-align="left"] .editor-block-list__breadcrumb, - [data-align="right"] .editor-block-list__breadcrumb { - left: 0; - top: 0; } - -.editor-block-list__descendant-arrow::before { - content: "→"; - display: inline-block; - padding: 0 4px; } - .rtl .editor-block-list__descendant-arrow::before { - content: "←"; } - -@media (min-width: 600px) { - .editor-block-list__block::before { - bottom: 0; - content: ""; - right: -28px; - position: absolute; - left: -28px; - top: 0; } - .editor-block-list__block .editor-block-list__block::before { - right: 0; - left: 0; } - .editor-block-list__block[data-align="full"]::before { - content: none; } } - -.editor-block-list__block .editor-warning { - z-index: 5; - position: relative; - margin-left: -15px; - margin-right: -15px; - margin-bottom: -15px; - transform: translateY(-15px); - padding: 10px 14px; } - @media (min-width: 600px) { - .editor-block-list__block .editor-warning { - padding: 10px 14px; } } - -.block-list-appender > .editor-inserter { - display: block; } - -.block-list-appender__toggle { - display: flex; - align-items: center; - justify-content: center; - padding: 16px; - outline: 1px dashed #8d96a0; - width: 100%; - color: #555d66; } - .block-list-appender__toggle:hover { - outline: 1px dashed #555d66; } - -/** - * Invalid block comparison - */ -.editor-block-compare { - overflow: auto; - height: auto; } - @media (min-width: 600px) { - .editor-block-compare { - max-height: 70%; } } - -.editor-block-compare__wrapper { - display: flex; - padding-bottom: 16px; } - .editor-block-compare__wrapper > div { - display: flex; - justify-content: space-between; - flex-direction: column; - width: 50%; - padding: 0 0 0 16px; - min-width: 200px; } - .editor-block-compare__wrapper > div button { - float: left; } - .editor-block-compare__wrapper .editor-block-compare__converted { - border-right: 1px solid #ddd; - padding-right: 15px; } - .editor-block-compare__wrapper .editor-block-compare__html { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 12px; - color: #23282d; - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - line-height: 1.7; } - .editor-block-compare__wrapper .editor-block-compare__html span { - background-color: #e6ffed; - padding-top: 3px; - padding-bottom: 3px; } - .editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__added { - background-color: #acf2bd; } - .editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__removed { - background-color: #d94f4f; } - .editor-block-compare__wrapper .editor-block-compare__preview { - padding: 0; - padding-top: 14px; } - .editor-block-compare__wrapper .editor-block-compare__preview p { - font-size: 12px; - margin-top: 0; } - .editor-block-compare__wrapper .editor-block-compare__action { - margin-top: 14px; } - .editor-block-compare__wrapper .editor-block-compare__heading { - font-size: 1em; - font-weight: 400; - margin: 0.67em 0; } - -.editor-block-mover { - min-height: 56px; - opacity: 0; } - .editor-block-mover.is-visible { - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; } - @media (min-width: 600px) { - .editor-block-list__block:not([data-align="wide"]):not([data-align="full"]) .editor-block-mover { - margin-top: -8px; } } - -.editor-block-mover__control { - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - padding: 0; - width: 28px; - height: 24px; - color: rgba(14, 28, 46, 0.62); } - .editor-block-mover__control svg { - width: 28px; - height: 24px; - padding: 2px 5px; } - .is-dark-theme .editor-block-mover__control { - color: rgba(255, 255, 255, 0.65); } - .editor-block-mover__control[aria-disabled="true"] { - cursor: default; - pointer-events: none; - color: rgba(130, 148, 147, 0.15); } - .is-dark-theme .editor-block-mover__control[aria-disabled="true"] { - color: rgba(255, 255, 255, 0.2); } - -.editor-block-mover__control-drag-handle { - cursor: move; - cursor: -webkit-grab; - cursor: grab; - fill: currentColor; - border-radius: 4px; } - .editor-block-mover__control-drag-handle, .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { - box-shadow: none; - background: none; - color: rgba(10, 24, 41, 0.7); } - .is-dark-theme .editor-block-mover__control-drag-handle, .is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { - color: rgba(255, 255, 255, 0.75); } - .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { - cursor: -webkit-grabbing; - cursor: grabbing; } - -.editor-block-mover__description { - display: none; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control { - background: #fff; - box-shadow: inset 0 0 0 1px #e2e4e7; } - .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:nth-child(-n+2) { - margin-bottom: -1px; } - .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:hover, .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:active, .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:focus { - z-index: 1; } } - -.editor-block-navigation__container { - padding: 7px; } - -.editor-block-navigation__label { - margin: 0 0 8px; - color: #6c7781; } - -.editor-block-navigation__list, -.editor-block-navigation__paragraph { - padding: 0; - margin: 0; } - -.editor-block-navigation__list .editor-block-navigation__list { - margin-top: 2px; - border-right: 2px solid #a2aab2; - margin-right: 1em; } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__list { - margin-right: 1.5em; } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item { - position: relative; } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item::before { - position: absolute; - right: 0; - background: #a2aab2; - width: 0.5em; - height: 2px; - content: ""; - top: calc(50% - 1px); } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item-button { - margin-right: 0.8em; - width: calc(100% - 0.8em); } - .editor-block-navigation__list .editor-block-navigation__list > li:last-child { - position: relative; } - .editor-block-navigation__list .editor-block-navigation__list > li:last-child::after { - position: absolute; - content: ""; - background: #fff; - top: 19px; - bottom: 0; - right: -2px; - width: 2px; } - -.editor-block-navigation__item-button { - display: flex; - align-items: center; - width: 100%; - padding: 6px; - text-align: right; - color: #40464d; - border-radius: 4px; } - .editor-block-navigation__item-button .editor-block-icon { - margin-left: 6px; } - .editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; } - .editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .editor-block-navigation__item-button.is-selected, .editor-block-navigation__item-button.is-selected:focus { - color: #32373c; - background: #edeff0; } - -.editor-block-preview { - pointer-events: none; - padding: 10px; - overflow: hidden; - display: none; } - @media (min-width: 782px) { - .editor-block-preview { - display: block; } } - .editor-block-preview .editor-block-preview__content { - padding: 14px; - border: 1px solid #e2e4e7; - font-family: "Noto Serif", serif; } - .editor-block-preview .editor-block-preview__content > div { - transform: scale(0.9); - transform-origin: center top; - font-family: "Noto Serif", serif; } - .editor-block-preview .editor-block-preview__content > div section { - height: auto; } - .editor-block-preview .editor-block-preview__content > .reusable-block-indicator { - display: none; } - -.editor-block-preview__title { - margin-bottom: 10px; - color: #6c7781; } - -.editor-block-settings-menu__toggle .dashicon { - transform: rotate(-90deg); } - -.editor-block-settings-menu__popover::before, .editor-block-settings-menu__popover::after { - margin-right: 2px; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__content { - padding: 7px; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__separator { - margin-top: 8px; - margin-bottom: 8px; - margin-right: -7px; - margin-left: -7px; - border-top: 1px solid #e2e4e7; } - .editor-block-settings-menu__popover .editor-block-settings-menu__separator:last-child { - display: none; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__title { - display: block; - padding: 6px; - color: #6c7781; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__control { - width: 100%; - justify-content: flex-start; - padding: 8px; - background: none; - outline: none; - border-radius: 0; - color: #555d66; - text-align: right; - cursor: pointer; - border: none; - box-shadow: none; } - .editor-block-settings-menu__popover .editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; } - .editor-block-settings-menu__popover .editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .editor-block-settings-menu__popover .editor-block-settings-menu__control .dashicon { - margin-left: 5px; } - -.editor-block-styles { - display: flex; - flex-wrap: wrap; - justify-content: space-between; } - -.editor-block-styles__item { - width: calc(50% - 4px); - margin: 4px 0; - flex-shrink: 0; - cursor: pointer; - overflow: hidden; - border-radius: 4px; - padding: 4px; } - .editor-block-styles__item.is-active { - color: #191e23; - box-shadow: 0 0 0 2px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; - box-shadow: 0 0 0 2px #555d66; } - .editor-block-styles__item:focus { - color: #191e23; - box-shadow: 0 0 0 2px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .editor-block-styles__item:hover { - background: #f8f9f9; - color: #191e23; } - -.editor-block-styles__item-preview { - outline: 1px solid transparent; - border: 1px solid rgba(25, 30, 35, 0.2); - overflow: hidden; - padding: 0; - text-align: initial; - border-radius: 4px; - display: flex; - height: 60px; - background: #fff; } - .editor-block-styles__item-preview .editor-block-preview__content { - transform: scale(0.7); - transform-origin: center center; - width: 100%; - margin: 0; - padding: 0; - overflow: visible; - min-height: auto; } - -.editor-block-styles__item-label { - text-align: center; - padding: 4px 2px; } - -.editor-block-switcher { - position: relative; - height: 36px; } - -.components-icon-button.editor-block-switcher__toggle, -.components-icon-button.editor-block-switcher__no-switcher-icon { - margin: 0; - display: block; - height: 36px; - padding: 3px; } - -.components-icon-button.editor-block-switcher__no-switcher-icon { - width: 48px; } - .components-icon-button.editor-block-switcher__no-switcher-icon .editor-block-icon { - margin-left: auto; - margin-right: auto; } - -.components-icon-button.editor-block-switcher__toggle { - width: auto; } - .components-icon-button.editor-block-switcher__toggle:active, .components-icon-button.editor-block-switcher__toggle:not(:disabled):not([aria-disabled="true"]):hover, .components-icon-button.editor-block-switcher__toggle:not([aria-disabled="true"]):focus { - outline: none; - box-shadow: none; - background: none; - border: none; } - .components-icon-button.editor-block-switcher__toggle .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform { - width: 42px; - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } - .components-icon-button.editor-block-switcher__toggle .editor-block-icon::after { - content: ""; - pointer-events: none; - display: block; - width: 0; - height: 0; - border-right: 3px solid transparent; - border-left: 3px solid transparent; - border-top: 5px solid currentColor; - margin-right: 4px; - margin-left: 2px; } - .components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform { - margin-top: 6px; - border-radius: 4px; } - .components-icon-button.editor-block-switcher__toggle[aria-expanded="true"] .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle[aria-expanded="true"] .editor-block-switcher__transform, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-switcher__transform, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform { - transform: translateY(-36px); } - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform { - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - -.components-popover:not(.is-mobile).editor-block-switcher__popover .components-popover__content { - min-width: 300px; - max-width: 340px; } - -@media (min-width: 782px) { - .editor-block-switcher__popover .components-popover__content { - position: relative; } - .editor-block-switcher__popover .components-popover__content .editor-block-preview { - border: 1px solid #e2e4e7; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - background: #fff; - position: absolute; - right: 100%; - top: -1px; - bottom: -1px; - width: 300px; - height: auto; } } - -.editor-block-switcher__popover .components-popover__content .components-panel__body { - border: 0; - position: relative; - z-index: 1; } - -.editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { - border-top: 1px solid #e2e4e7; } - -.editor-block-switcher__popover:not(.is-mobile) > .components-popover__content { - overflow-y: visible; } - -.editor-block-switcher__popover .editor-block-styles { - margin: 0 -3px; } - -.editor-block-switcher__popover .editor-block-types-list { - margin: 8px -8px -8px; } - -.editor-block-toolbar { - display: flex; - flex-grow: 1; - width: 100%; - overflow: auto; - position: relative; - border-right: 1px solid #e2e4e7; } - @media (min-width: 600px) { - .editor-block-toolbar { - overflow: inherit; } } - .editor-block-toolbar .components-toolbar { - border: 0; - border-top: 1px solid #e2e4e7; - border-bottom: 1px solid #e2e4e7; - border-left: 1px solid #e2e4e7; } - -.editor-block-types-list { - list-style: none; - padding: 2px 0; - overflow: hidden; - display: flex; - flex-wrap: wrap; } - -.editor-color-palette-control__color-palette { - display: inline-block; - margin-top: 0.6rem; } - -.editor-contrast-checker > .components-notice { - margin: 0; } - -.editor-default-block-appender { - clear: both; } - .editor-default-block-appender textarea.editor-default-block-appender__content { - font-family: "Noto Serif", serif; - font-size: 16px; - border: none; - background: none; - box-shadow: none; - display: block; - cursor: text; - width: 100%; - outline: 1px solid transparent; - transition: 0.2s outline; - resize: none; - padding: 0 14px 0 50px; - color: rgba(14, 28, 46, 0.62); } - .is-dark-theme .editor-default-block-appender textarea.editor-default-block-appender__content { - color: rgba(255, 255, 255, 0.65); } - .editor-default-block-appender .editor-inserter-with-shortcuts { - opacity: 0.5; - transition: opacity 0.2s; } - .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover) { - color: rgba(10, 24, 41, 0.7); } - .is-dark-theme .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover) { - color: rgba(255, 255, 255, 0.75); } - .editor-default-block-appender .editor-inserter__toggle:not([aria-expanded="true"]) { - opacity: 0; } - .editor-default-block-appender:hover .editor-inserter-with-shortcuts { - opacity: 1; } - .editor-default-block-appender:hover .editor-inserter__toggle { - opacity: 1; } - .editor-default-block-appender .components-drop-zone__content-icon { - display: none; } - -.editor-block-list__empty-block-inserter, -.editor-default-block-appender .editor-inserter, -.editor-inserter-with-shortcuts { - position: absolute; - top: 0; } - .editor-block-list__empty-block-inserter .components-icon-button, - .editor-default-block-appender .editor-inserter .components-icon-button, - .editor-inserter-with-shortcuts .components-icon-button { - width: 28px; - height: 28px; - margin-left: 12px; - padding: 0; } - .editor-block-list__empty-block-inserter .editor-block-icon, - .editor-default-block-appender .editor-inserter .editor-block-icon, - .editor-inserter-with-shortcuts .editor-block-icon { - margin: auto; } - .editor-block-list__empty-block-inserter .components-icon-button svg, - .editor-default-block-appender .editor-inserter .components-icon-button svg, - .editor-inserter-with-shortcuts .components-icon-button svg { - display: block; - margin: auto; } - .editor-block-list__empty-block-inserter .editor-inserter__toggle, - .editor-default-block-appender .editor-inserter .editor-inserter__toggle, - .editor-inserter-with-shortcuts .editor-inserter__toggle { - margin-left: 0; } - -.editor-block-list__empty-block-inserter, -.editor-default-block-appender .editor-inserter { - left: 8px; } - @media (min-width: 600px) { - .editor-block-list__empty-block-inserter, - .editor-default-block-appender .editor-inserter { - right: -44px; - left: auto; } } - .editor-block-list__empty-block-inserter:disabled, - .editor-default-block-appender .editor-inserter:disabled { - display: none; } - .editor-block-list__empty-block-inserter .editor-inserter__toggle, - .editor-default-block-appender .editor-inserter .editor-inserter__toggle { - transition: opacity 0.2s; - border-radius: 50%; - width: 28px; - height: 28px; - padding: 0; } - .editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover), - .editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover) { - color: rgba(10, 24, 41, 0.7); } - .is-dark-theme .editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover), .is-dark-theme - .editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover) { - color: rgba(255, 255, 255, 0.75); } - -.editor-block-list__side-inserter .editor-inserter-with-shortcuts, -.editor-default-block-appender .editor-inserter-with-shortcuts { - left: 14px; - display: none; - z-index: 5; } - @media (min-width: 600px) { - .editor-block-list__side-inserter .editor-inserter-with-shortcuts, - .editor-default-block-appender .editor-inserter-with-shortcuts { - left: 0; - display: flex; } } - -.document-outline { - margin: 20px 0; } - .document-outline ul { - margin: 0; - padding: 0; } - -.document-outline__item { - display: flex; - margin: 4px 0; } - .document-outline__item .document-outline__emdash::before { - color: #e2e4e7; - 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; - color: #23282d; - text-align: right; } - .document-outline__button:focus { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - -.document-outline__level { - background: #e2e4e7; - color: #23282d; - border-radius: 3px; - font-size: 13px; - padding: 1px 6px; - margin-left: 4px; } - .is-invalid .document-outline__level { - background: #f0b849; } - -.editor-error-boundary { - max-width: 610px; - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); } - -.editor-inner-blocks.has-overlay::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 120; } - -.editor-inserter-with-shortcuts { - display: flex; - align-items: center; } - .editor-inserter-with-shortcuts .components-icon-button { - border-radius: 4px; } - .editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon) { - height: 24px; - width: 24px; } - -.editor-inserter-with-shortcuts__block { - margin-left: 4px; - width: 36px; - height: 36px; - padding-top: 8px; - color: rgba(102, 120, 134, 0.35); } - .is-dark-theme .editor-inserter-with-shortcuts__block { - color: rgba(255, 255, 255, 0.4); } - -.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: 1.4; } - @media (min-width: 782px) { - .editor-inserter { - position: relative; } } - -@media (min-width: 782px) { - .editor-inserter__popover:not(.is-mobile) > .components-popover__content { - overflow-y: visible; - height: 432px; } } - -.editor-inserter__toggle { - display: inline-flex; - align-items: center; - color: #555d66; - background: none; - cursor: pointer; - border: none; - outline: none; - transition: color 0.2s ease; } - -.editor-inserter__menu { - width: auto; - display: flex; - flex-direction: column; - height: 100%; } - @media (min-width: 782px) { - .editor-inserter__menu { - width: 400px; - position: relative; } - .editor-inserter__menu .editor-block-preview { - border: 1px solid #e2e4e7; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - background: #fff; - position: absolute; - right: 100%; - top: -1px; - bottom: -1px; - width: 300px; } } - -.editor-inserter__inline-elements { - margin-top: -1px; } - -.editor-inserter__menu.is-bottom::after { - border-bottom-color: #fff; } - -.components-popover input[type="search"].editor-inserter__search { - display: block; - margin: 16px; - padding: 11px 16px; - position: relative; - z-index: 1; - border-radius: 4px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; } - @media (min-width: 600px) { - .components-popover input[type="search"].editor-inserter__search { - font-size: 13px; } } - .components-popover input[type="search"].editor-inserter__search:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - -.editor-inserter__results { - flex-grow: 1; - overflow: auto; - position: relative; - z-index: 1; - padding: 0 16px 16px 16px; } - .editor-inserter__results:focus { - outline: 1px dotted #555d66; } - @media (min-width: 782px) { - .editor-inserter__results { - height: 394px; } } - .editor-inserter__results [role="presentation"] + .components-panel__body { - border-top: none; } - -.editor-inserter__popover .editor-block-types-list { - margin: 0 -8px; } - -.editor-inserter__reusable-blocks-panel { - position: relative; - text-align: left; } - -.editor-inserter__manage-reusable-blocks { - margin: 16px 16px 0 0; } - -.editor-inserter__no-results { - font-style: italic; - padding: 24px; - text-align: center; } - -.editor-inserter__child-blocks { - padding: 0 16px; } - -.editor-inserter__parent-block-header { - display: flex; - align-items: center; } - .editor-inserter__parent-block-header h2 { - font-size: 13px; } - -.editor-block-types-list__list-item { - display: block; - width: 33.33%; - padding: 0 4px; - margin: 0 0 12px; } - -.editor-block-types-list__item { - display: flex; - flex-direction: column; - width: 100%; - font-size: 13px; - color: #32373c; - padding: 0; - align-items: stretch; - justify-content: center; - cursor: pointer; - background: transparent; - word-break: break-word; - border-radius: 4px; - border: 1px solid transparent; - transition: all 0.05s ease-in-out; - position: relative; } - .editor-block-types-list__item:disabled { - opacity: 0.6; - cursor: default; } - .editor-block-types-list__item:not(:disabled):hover::before { - content: ""; - display: block; - background: #f8f9f9; - color: #191e23; - position: absolute; - z-index: -1; - border-radius: 4px; - top: 0; - left: 0; - bottom: 0; - right: 0; } - .editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-title { - color: currentColor; } - .editor-block-types-list__item:not(:disabled):active, .editor-block-types-list__item:not(:disabled).is-active, .editor-block-types-list__item:not(:disabled):focus { - position: relative; - outline: none; - color: #191e23; - box-shadow: 0 0 0 2px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-title, .editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-title, .editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-title { - color: currentColor; } - -.editor-block-types-list__item-icon { - padding: 12px 20px; - border-radius: 4px; - color: #555d66; - transition: all 0.05s ease-in-out; } - .editor-block-types-list__item-icon .editor-block-icon { - margin-right: auto; - margin-left: auto; } - .editor-block-types-list__item-icon svg { - transition: all 0.15s ease-out; } - -.editor-block-types-list__item-title { - padding: 4px 2px 8px; } - -.editor-block-types-list__item-has-children .editor-block-types-list__item-icon { - background: #fff; - margin-left: 3px; - margin-bottom: 6px; - padding: 9px 20px 9px; - position: relative; - top: -2px; - right: -2px; - box-shadow: 0 0 0 1px #e2e4e7; } - -.editor-block-types-list__item-has-children .editor-block-types-list__item-icon-stack { - display: block; - background: #fff; - box-shadow: 0 0 0 1px #e2e4e7; - width: 100%; - height: 100%; - position: absolute; - z-index: -1; - bottom: -6px; - left: -6px; - border-radius: 4px; } - -.editor-media-placeholder__url-input-container { - width: 100%; } - .editor-media-placeholder__url-input-container .editor-media-placeholder__button { - margin-bottom: 0; } - -.editor-media-placeholder__url-input-form { - display: flex; } - .editor-media-placeholder__url-input-form input[type="url"].editor-media-placeholder__url-input-field { - width: 100%; - flex-grow: 1; - border: none; - border-radius: 0; - margin: 2px; } - @media (min-width: 600px) { - .editor-media-placeholder__url-input-form input[type="url"].editor-media-placeholder__url-input-field { - width: 300px; } } - -.editor-media-placeholder__url-input-submit-button { - flex-shrink: 1; } - -.editor-media-placeholder__button { - margin-bottom: 0.5rem; } - .editor-media-placeholder__button .dashicon { - vertical-align: middle; - margin-bottom: 3px; } - .editor-media-placeholder__button:hover { - color: #23282d; } - -.components-form-file-upload .editor-media-placeholder__button { - margin-left: 4px; } - -.editor-multi-selection-inspector__card { - display: flex; - align-items: flex-start; - margin: -16px; - padding: 16px; } - -.editor-multi-selection-inspector__card-content { - flex-grow: 1; } - -.editor-multi-selection-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; } - -.editor-multi-selection-inspector__card-description { - font-size: 13px; } - -.editor-multi-selection-inspector__card .editor-block-icon { - margin-right: -2px; - margin-left: 10px; - padding: 0 3px; - width: 36px; - height: 24px; } - -.editor-page-attributes__template { - margin-bottom: 10px; } - .editor-page-attributes__template label, - .editor-page-attributes__template select { - width: 100%; } - -.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-panel-color-settings .component-color-indicator { - vertical-align: text-bottom; } - -.editor-panel-color-settings__panel-title .component-color-indicator { - display: inline-block; } - -.editor-panel-color-settings.is-opened .editor-panel-color-settings__panel-title .component-color-indicator { - display: none; } - -.block-editor .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%; } - -.editor-post-excerpt__textarea { - width: 100%; - margin-bottom: 10px; } - -.editor-post-featured-image { - padding: 0; } - .editor-post-featured-image .components-spinner { - margin: 0; } - .editor-post-featured-image .components-button + .components-button { - margin-top: 1em; - margin-left: 8px; } - .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 #00a0d2; } - -.editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus { - box-shadow: 0 0 0 4px #00a0d2; } - -.editor-post-featured-image__toggle { - border: 1px dashed #a2aab2; - background-color: #edeff0; - line-height: 20px; - padding: 8px 0; - text-align: center; } - .editor-post-featured-image__toggle:hover { - background-color: #f8f9f9; } - -.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-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:hover, .components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:active { - border: none; - box-shadow: none; } - -.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:focus { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - -.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-permalink { - display: inline-flex; - align-items: center; - background: #fff; - padding: 5px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - height: 40px; - white-space: nowrap; - border: 1px solid rgba(145, 151, 162, 0.25); - background-clip: padding-box; - margin-right: -15px; - margin-left: -15px; } - @media (min-width: 600px) { - .editor-post-permalink { - margin-right: -1px; - margin-left: -1px; } } - .editor-post-permalink button { - flex-shrink: 0; } - -.editor-post-permalink__copy { - border-radius: 4px; - padding: 6px; } - -.editor-post-permalink__copy.is-copied { - opacity: 0.3; } - -.editor-post-permalink__label { - margin: 0 5px 0 10px; - font-weight: 600; } - -.editor-post-permalink__link { - color: #7e8993; - text-decoration: underline; - margin-left: 10px; - width: 100%; - overflow: hidden; - position: relative; - white-space: nowrap; } - .editor-post-permalink__link::after { - content: ""; - display: block; - position: absolute; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 90%); - top: 1px; - bottom: 1px; - left: 1px; - right: auto; - width: 20%; - height: auto; } - -.editor-post-permalink-editor { - width: 100%; - min-width: 20%; - display: inline-flex; - align-items: center; } - .editor-post-permalink-editor .editor-post-permalink__editor-container { - flex: 0 1 100%; - display: flex; - overflow: hidden; - padding: 1px 0; } - .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix { - flex: 1 1 auto; } - @media (min-width: 600px) { - .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix { - flex: 1 0 auto; } } - .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit { - flex: 1 1 100%; } - .editor-post-permalink-editor .editor-post-permalink-editor__save { - margin-right: auto; } - -.editor-post-permalink-editor__prefix { - color: #6c7781; - min-width: 20%; - overflow: hidden; - position: relative; - white-space: nowrap; - text-overflow: ellipsis; } - -.editor-post-permalink input[type="text"].editor-post-permalink-editor__edit { - min-width: 10%; - width: 100%; - margin: 0 3px; - padding: 2px 4px; } - -.editor-post-permalink-editor__suffix { - color: #6c7781; - margin-left: 6px; - flex: 0 0 0%; } - -.editor-post-publish-panel { - background: #fff; - color: #555d66; } - -.editor-post-publish-panel__content { - min-height: calc(100% - 140px); } - .editor-post-publish-panel__content .components-spinner { - display: block; - float: none; - margin: 100px auto 0; } - -.editor-post-publish-panel__header { - background: #fff; - padding-right: 16px; - height: 56px; - border-bottom: 1px solid #e2e4e7; - display: flex; - align-items: center; - align-content: space-between; } - -.editor-post-publish-panel__header-publish-button { - display: flex; - justify-content: flex-end; - flex-grow: 1; - text-align: left; - flex-wrap: nowrap; } - -.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 { - color: #007fac; - font-weight: 400; - padding-right: 4px; - text-decoration: underline; } - -.editor-post-publish-panel__prepublish { - padding: 16px; } - .editor-post-publish-panel__prepublish strong { - color: #191e23; } - .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 #e2e4e7; - 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: #e8eaeb; - 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; - color: #a2aab2; - overflow: hidden; } - .editor-post-saved-state.is-saving { - animation: edit-post__loading-fade-animation 0.5s infinite; } - .editor-post-saved-state .dashicon { - display: inline-block; - flex: 0 0 auto; } - -.editor-post-saved-state { - width: 28px; - white-space: nowrap; - padding: 12px 4px; } - .editor-post-saved-state .dashicon { - margin-left: 8px; } - @media (min-width: 600px) { - .editor-post-saved-state { - width: auto; - padding: 8px 12px; - text-indent: inherit; } - .editor-post-saved-state .dashicon { - margin-left: 4px; } } - -.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft { - margin: 0; } - @media (min-width: 600px) { - .edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon { - display: none; } } - -.editor-post-taxonomies__hierarchical-terms-list { - max-height: 14em; - overflow: auto; } - -.editor-post-taxonomies__hierarchical-terms-choice { - margin-bottom: 8px; } - -.editor-post-taxonomies__hierarchical-terms-input[type="checkbox"] { - margin-top: 0; } - -.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-text-editor { - border: 1px solid #e2e4e7; - display: block; - margin: 0 0 2em; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - line-height: 150%; } - .editor-post-text-editor:hover, .editor-post-text-editor:focus { - border: 1px solid #e2e4e7; - box-shadow: none; - outline: 1px solid #e2e4e7; - outline-offset: -2px; } - -.editor-post-text-editor__toolbar { - display: flex; - flex-direction: row; - flex-wrap: wrap; } - .editor-post-text-editor__toolbar button { - height: 30px; - background: none; - padding: 0 8px; - margin: 3px 4px; - text-align: center; - cursor: pointer; - font-family: Menlo, Consolas, monaco, monospace; - color: #555d66; - border: 1px solid transparent; } - .editor-post-text-editor__toolbar button:first-child { - margin-right: 0; } - .editor-post-text-editor__toolbar button:hover, .editor-post-text-editor__toolbar button:focus { - outline: none; - border: 1px solid #555d66; } - -.editor-post-text-editor__bold { - font-weight: 600; } - -.editor-post-text-editor__italic { - font-style: italic; } - -.editor-post-text-editor__link { - text-decoration: underline; - color: #0085ba; } - -body.admin-color-sunrise .editor-post-text-editor__link{ - color: #d1864a; } - -body.admin-color-ocean .editor-post-text-editor__link{ - color: #a3b9a2; } - -body.admin-color-midnight .editor-post-text-editor__link{ - color: #e14d43; } - -body.admin-color-ectoplasm .editor-post-text-editor__link{ - color: #a7b656; } - -body.admin-color-coffee .editor-post-text-editor__link{ - color: #c2a68c; } - -body.admin-color-blue .editor-post-text-editor__link{ - color: #82b4cb; } - -body.admin-color-light .editor-post-text-editor__link{ - color: #0085ba; } - -.editor-post-text-editor__del { - text-decoration: line-through; } - -.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 { - font-weight: 600; - margin-bottom: 1em; - margin-top: 0.5em; - padding: 0; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio { - margin-top: 2px; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label { - font-weight: 600; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info { - margin-top: 0; - margin-right: 28px; } - -.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { - margin-bottom: 0; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input { - margin-right: 28px; } - -.edit-post-post-visibility__dialog.components-popover.is-bottom { - z-index: 100001; } - -.editor-post-title__block { - position: relative; - padding: 5px 0; - font-size: 16px; } - @media (min-width: 600px) { - .editor-post-title__block { - padding: 5px 2px; } } - .editor-post-title__block .editor-post-title__input { - display: block; - width: 100%; - margin: 0; - box-shadow: none; - background: transparent; - font-family: "Noto Serif", serif; - line-height: 1.4; - color: #191e23; - transition: border 0.1s ease-out; - padding: 19px 14px; - word-break: keep-all; - border: 1px solid transparent; - border-right-width: 0; - border-left-width: 0; - font-size: 2.441em; - font-weight: 600; } - @media (min-width: 600px) { - .editor-post-title__block .editor-post-title__input { - border-width: 1px; } } - .editor-post-title__block .editor-post-title__input::-webkit-input-placeholder { - color: rgba(22, 36, 53, 0.55); } - .editor-post-title__block .editor-post-title__input::-moz-placeholder { - color: rgba(22, 36, 53, 0.55); } - .editor-post-title__block .editor-post-title__input:-ms-input-placeholder { - color: rgba(22, 36, 53, 0.55); } - .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input { - border-color: rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input { - border-color: rgba(255, 255, 255, 0.3); } - .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover { - border-color: #007cba; } - body.admin-color-sunrise .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #837425; } - body.admin-color-ocean .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #5e7d5e; } - body.admin-color-midnight .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #497b8d; } - body.admin-color-ectoplasm .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #523f6d; } - body.admin-color-coffee .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #59524c; } - body.admin-color-blue .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #417e9B; } - body.admin-color-light .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #007cba; } - .editor-post-title__block.is-focus-mode .editor-post-title__input { - opacity: 0.5; - transition: opacity 0.1s linear; } - .editor-post-title__block.is-focus-mode .editor-post-title__input:focus { - opacity: 1; } - -.editor-post-title .editor-post-permalink { - font-size: 13px; - color: #191e23; - position: absolute; - top: -34px; - right: 0; - left: 0; } - @media (min-width: 600px) { - .editor-post-title .editor-post-permalink { - right: 2px; - left: 2px; } } - -.editor-post-trash.components-button { - width: 100%; - color: #c92c2c; - justify-content: center; } - .editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus { - color: #b52727; } - -.editor-format-toolbar { - display: flex; - flex-shrink: 0; } - -.editor-format-toolbar__selection-position { - position: absolute; - transform: translateX(50%); } - -.editor-rich-text { - position: relative; } - -.editor-rich-text__tinymce { - margin: 0; - position: relative; - line-height: 1.8; - white-space: pre-wrap; } - .editor-rich-text__tinymce > p:empty { - min-height: 28.8px; } - .editor-rich-text__tinymce > p:first-child { - margin-top: 0; } - .editor-rich-text__tinymce:focus { - outline: none; } - .editor-rich-text__tinymce a { - color: #007fac; } - .editor-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #23282d; - background: #f3f4f5; - font-family: Menlo, Consolas, monaco, monospace; - font-size: inherit; } - .is-multi-selected .editor-rich-text__tinymce code { - background: #67cffd; } - .editor-rich-text__tinymce:focus a[data-mce-selected], - .editor-rich-text__tinymce:focus b[data-mce-selected], - .editor-rich-text__tinymce:focus i[data-mce-selected], - .editor-rich-text__tinymce:focus strong[data-mce-selected], - .editor-rich-text__tinymce:focus em[data-mce-selected], - .editor-rich-text__tinymce:focus del[data-mce-selected], - .editor-rich-text__tinymce:focus ins[data-mce-selected], - .editor-rich-text__tinymce:focus sup[data-mce-selected], - .editor-rich-text__tinymce:focus sub[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e8eaeb; - background: #e8eaeb; - color: #191e23; } - .editor-rich-text__tinymce:focus a[data-mce-selected] { - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; - color: #006589; } - .editor-rich-text__tinymce:focus code[data-mce-selected] { - background: #e8eaeb; - box-shadow: 0 0 0 1px #e8eaeb; } - .editor-rich-text__tinymce img[data-mce-selected] { - outline: none; } - .editor-rich-text__tinymce img::-moz-selection { - background: none !important; } - .editor-rich-text__tinymce img::selection { - background: none !important; } - .editor-rich-text__tinymce[data-is-placeholder-visible="true"] { - position: absolute; - top: 0; - width: 100%; - margin-top: 0; - height: 100%; } - .editor-rich-text__tinymce[data-is-placeholder-visible="true"] > p { - margin-top: 0; } - .editor-rich-text__tinymce + .editor-rich-text__tinymce { - pointer-events: none; } - .editor-rich-text__tinymce + .editor-rich-text__tinymce, - .editor-rich-text__tinymce + .editor-rich-text__tinymce p { - opacity: 0.62; } - .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + figcaption.editor-rich-text__tinymce { - opacity: 0.8; } - -.editor-rich-text__inline-toolbar { - display: flex; - justify-content: center; - position: absolute; - top: -40px; - line-height: 0; - right: 0; - left: 0; - z-index: 1; } - .editor-rich-text__inline-toolbar ul.components-toolbar { - box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); } - -.editor-skip-to-selected-block { - position: absolute; - top: -9999em; } - .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: #11a0d2; - line-height: normal; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - text-decoration: none; - outline: none; - z-index: 100000; } - body.admin-color-sunrise .editor-skip-to-selected-block:focus{ - color: #c8b03c; } - body.admin-color-ocean .editor-skip-to-selected-block:focus{ - color: #a89d8a; } - body.admin-color-midnight .editor-skip-to-selected-block:focus{ - color: #77a6b9; } - body.admin-color-ectoplasm .editor-skip-to-selected-block:focus{ - color: #c77430; } - body.admin-color-coffee .editor-skip-to-selected-block:focus{ - color: #9fa47b; } - body.admin-color-blue .editor-skip-to-selected-block:focus{ - color: #d9ab59; } - body.admin-color-light .editor-skip-to-selected-block:focus{ - color: #c75726; } - -.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content { - min-width: 380px; } - -.table-of-contents__popover .components-popover__content { - 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__counts { - display: flex; - flex-wrap: wrap; } - -.table-of-contents__count { - width: 25%; - display: flex; - flex-direction: column; - font-size: 13px; - color: #6c7781; } - -.table-of-contents__number, -.table-of-contents__popover .word-count { - font-size: 21px; - font-weight: 400; - line-height: 30px; - color: #555d66; } - -.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; } - -.editor-block-list__block .editor-url-input, -.components-popover .editor-url-input, -.editor-url-input { - flex-grow: 1; - position: relative; - padding: 1px; } - .editor-block-list__block .editor-url-input input[type="text"], - .components-popover .editor-url-input input[type="text"], - .editor-url-input input[type="text"] { - width: 100%; - padding: 8px; - border: none; - border-radius: 0; - margin-right: 0; - margin-left: 0; } - @media (min-width: 600px) { - .editor-block-list__block .editor-url-input input[type="text"], - .components-popover .editor-url-input input[type="text"], - .editor-url-input input[type="text"] { - width: 300px; } } - .editor-block-list__block .editor-url-input input[type="text"]::-ms-clear, - .components-popover .editor-url-input input[type="text"]::-ms-clear, - .editor-url-input input[type="text"]::-ms-clear { - display: none; } - .editor-block-list__block .editor-url-input .components-spinner, - .components-popover .editor-url-input .components-spinner, - .editor-url-input .components-spinner { - position: absolute; - left: 8px; - top: 9px; - margin: 0; } - -.editor-url-input__suggestions { - max-height: 200px; - transition: all 0.15s ease-in-out; - padding: 4px 0; - width: 302px; - overflow-y: auto; } - -.editor-url-input__suggestions, -.editor-url-input .components-spinner { - display: none; } - @media (min-width: 600px) { - .editor-url-input__suggestions, - .editor-url-input .components-spinner { - display: inherit; } } - -.editor-url-input__suggestion { - padding: 4px 8px; - color: #6c7781; - display: block; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: right; - border: none; - box-shadow: none; } - .editor-url-input__suggestion:hover { - background: #e2e4e7; } - .editor-url-input__suggestion:focus, .editor-url-input__suggestion.is-selected { - background: rgb(0, 113, 158); - color: #fff; - outline: none; } - body.admin-color-sunrise .editor-url-input__suggestion:focus, body.admin-color-sunrise .editor-url-input__suggestion.is-selected{ - background: rgb(178, 114, 63); } - body.admin-color-ocean .editor-url-input__suggestion:focus, body.admin-color-ocean .editor-url-input__suggestion.is-selected{ - background: rgb(139, 157, 138); } - body.admin-color-midnight .editor-url-input__suggestion:focus, body.admin-color-midnight .editor-url-input__suggestion.is-selected{ - background: rgb(191, 65, 57); } - body.admin-color-ectoplasm .editor-url-input__suggestion:focus, body.admin-color-ectoplasm .editor-url-input__suggestion.is-selected{ - background: rgb(142, 155, 73); } - body.admin-color-coffee .editor-url-input__suggestion:focus, body.admin-color-coffee .editor-url-input__suggestion.is-selected{ - background: rgb(165, 141, 119); } - body.admin-color-blue .editor-url-input__suggestion:focus, body.admin-color-blue .editor-url-input__suggestion.is-selected{ - background: rgb(111, 153, 173); } - body.admin-color-light .editor-url-input__suggestion:focus, body.admin-color-light .editor-url-input__suggestion.is-selected{ - background: rgb(0, 113, 158); } - -.components-toolbar > .editor-url-input__button { - position: inherit; } - -.editor-url-input__button .editor-url-input__back { - margin-left: 4px; - overflow: visible; } - .editor-url-input__button .editor-url-input__back::after { - content: ""; - position: absolute; - display: block; - width: 1px; - height: 24px; - left: -1px; - background: #e2e4e7; } - -.editor-url-input__button-modal { - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - border: 1px solid #e2e4e7; - background: #fff; } - -.editor-url-input__button-modal-line { - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 1; - min-width: 0; - align-items: flex-start; } - .editor-url-input__button-modal-line .components-button { - flex-shrink: 0; - width: 36px; - height: 36px; } - -.editor-url-popover__row { - display: flex; } - -.editor-url-popover__row > :not(.editor-url-popover__settings-toggle) { - flex-grow: 1; } - -.editor-url-popover__settings-toggle { - flex-shrink: 0; - width: 36px; - height: 36px; } - .editor-url-popover__settings-toggle .dashicon { - transform: rotate(-90deg); } - -.editor-url-popover__settings { - padding: 7px 8px; - border-top: 1px solid #e2e4e7; - padding-top: 8px; } - -.editor-warning { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: nowrap; - background-color: #fff; - border: 1px solid #e2e4e7; - text-align: right; - padding: 20px; } - .has-warning.is-multi-selected .editor-warning { - background-color: transparent; } - .editor-warning .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; } - .editor-warning .editor-warning__contents { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; - align-items: center; - width: 100%; } - .editor-warning .editor-warning__actions { - display: flex; } - .editor-warning .editor-warning__action { - margin: 0 0 0 6px; } - -.editor-warning__secondary { - margin: 3px -4px 0 0; } - .editor-warning__secondary .components-icon-button { - width: auto; - padding: 8px 2px; } - @media (min-width: 600px) { - .editor-warning__secondary { - margin-right: 4px; } - .editor-warning__secondary .components-icon-button { - padding: 8px 4px; } } - .editor-warning__secondary .components-button svg { - transform: rotate(-90deg); } - -.editor-writing-flow { - height: 100%; - display: flex; - flex-direction: column; } - -.editor-writing-flow__click-redirect { - flex-basis: 100%; - cursor: text; } +@charset "UTF-8";.editor-autocompleters__block .editor-block-icon{margin-left:8px}.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:#8f98a1;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:#66c6e4}.editor-block-drop-zone{border:none;border-radius:0}.editor-block-drop-zone .components-drop-zone__content,.editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content{display:none}.editor-block-drop-zone.is-close-to-bottom{background:none;border-bottom:3px solid #0085ba}body.admin-color-sunrise .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #d1864a}body.admin-color-ocean .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #a3b9a2}body.admin-color-midnight .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #e14d43}body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #a7b656}body.admin-color-coffee .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #c2a68c}body.admin-color-blue .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #82b4cb}body.admin-color-light .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #0085ba}.editor-block-drop-zone.is-appender.is-close-to-bottom,.editor-block-drop-zone.is-appender.is-close-to-top,.editor-block-drop-zone.is-close-to-top{background:none;border-top:3px solid #0085ba;border-bottom:none}body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-sunrise .editor-block-drop-zone.is-close-to-top{border-top:3px solid #d1864a}body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-ocean .editor-block-drop-zone.is-close-to-top{border-top:3px solid #a3b9a2}body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-midnight .editor-block-drop-zone.is-close-to-top{border-top:3px solid #e14d43}body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-top{border-top:3px solid #a7b656}body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-coffee .editor-block-drop-zone.is-close-to-top{border-top:3px solid #c2a68c}body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-blue .editor-block-drop-zone.is-close-to-top{border-top:3px solid #82b4cb}body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-light .editor-block-drop-zone.is-close-to-top{border-top:3px solid #0085ba}.editor-block-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;border-radius:4px}.editor-block-icon.has-colors svg{fill:currentColor}.editor-block-icon svg{min-width:20px;min-height:20px;max-width:24px;max-height:24px}.editor-block-inspector__no-blocks{display:block;font-size:13px;background:#fff;padding:32px 16px;text-align:center}.editor-block-inspector__card{display:flex;align-items:flex-start;margin:-16px;padding:16px}.editor-block-inspector__card-icon{border:1px solid #ccd0d4;padding:7px;margin-left:10px;height:36px;width:36px}.editor-block-inspector__card-content{flex-grow:1}.editor-block-inspector__card-title{font-weight:500;margin-bottom:5px}.editor-block-inspector__card-description{font-size:13px}.editor-block-inspector__card .editor-block-icon{margin-right:-2px;margin-left:10px;padding:0 3px;width:36px;height:24px}.editor-block-list__layout .components-draggable__clone .editor-block-contextual-toolbar{display:none!important}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-list__block-edit:before{outline:none}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging>.editor-block-list__block-edit>*{background:#f8f9f9}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging>.editor-block-list__block-edit>*>*{visibility:hidden}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-mover{display:none}.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit .reusable-block-edit-panel *{z-index:1}@media (min-width:600px){.editor-block-list__layout{padding-right:46px;padding-left:46px}}.editor-block-list__block .editor-block-list__layout{padding-right:0;padding-left:0;margin-right:-14px;margin-left:-14px}.editor-block-list__layout .editor-default-block-appender>.editor-default-block-appender__content,.editor-block-list__layout>.editor-block-list__block>.editor-block-list__block-edit,.editor-block-list__layout>.editor-block-list__layout>.editor-block-list__block>.editor-block-list__block-edit{margin-top:32px;margin-bottom:32px}.editor-block-list__layout .editor-block-list__block{position:relative;padding-right:14px;padding-left:14px;overflow-wrap:break-word}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block{padding-right:43px;padding-left:43px}}.editor-block-list__layout .editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 20px 12px;width:calc(100% - 40px)}.editor-block-list__layout .editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice{margin-right:0;margin-left:0}.editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit{position:relative}.editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit:before{z-index:0;content:"";position:absolute;outline:1px solid transparent;transition:outline .1s linear;pointer-events:none;left:-14px;right:-14px;top:-14px;bottom:-14px}.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit:before{outline:1px solid rgba(145,151,162,.25)}.is-dark-theme .editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit:before{outline-color:hsla(0,0%,100%,.3)}.editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #007cba}body.admin-color-sunrise .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #837425}body.admin-color-ocean .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #5e7d5e}body.admin-color-midnight .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #497b8d}body.admin-color-ectoplasm .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #523f6d}body.admin-color-coffee .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #59524c}body.admin-color-blue .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #417e9b}body.admin-color-light .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #007cba}.editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected){opacity:.5;transition:opacity .1s linear}.editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused,.editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .editor-block-list__block{opacity:1}.editor-block-list__layout .editor-block-list__block ::-moz-selection{background-color:#b3e7fe}.editor-block-list__layout .editor-block-list__block ::selection{background-color:#b3e7fe}.editor-block-list__layout .editor-block-list__block.is-multi-selected ::-moz-selection{background-color:transparent}.editor-block-list__layout .editor-block-list__block.is-multi-selected ::selection{background-color:transparent}.editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before{background:#b3e7fe;mix-blend-mode:multiply;top:-14px;bottom:-14px}.is-dark-theme .editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before{mix-blend-mode:soft-light}.editor-block-list__layout .editor-block-list__block.has-warning{min-height:36px}.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit>*{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit .editor-warning{pointer-events:all}.editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit:before{outline-color:rgba(145,151,162,.25)}.is-dark-theme .editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit:before{outline-color:hsla(0,0%,100%,.3)}.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit:after{content:"";position:absolute;background-color:rgba(248,249,249,.4);top:-14px;bottom:-14px;left:-14px;right:-14px}.editor-block-list__layout .editor-block-list__block.has-warning.is-multi-selected .editor-block-list__block-edit:after{background-color:transparent}.editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit:after{bottom:22px}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit:after{bottom:-14px}}.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__side-inserter{opacity:0}.editor-block-list__layout .editor-block-list__block .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block .editor-block-list__side-inserter{opacity:1;transition:opacity .2s}.editor-block-list__layout .editor-block-list__block.is-reusable>.editor-block-list__block-edit:before{outline:1px dashed rgba(145,151,162,.25)}.is-dark-theme .editor-block-list__layout .editor-block-list__block.is-reusable>.editor-block-list__block-edit:before{outline-color:hsla(0,0%,100%,.3)}.editor-block-list__layout .editor-block-list__block[data-align=left],.editor-block-list__layout .editor-block-list__block[data-align=right]{z-index:20;width:100%;height:0}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit{margin-top:0}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit:before,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit:before{content:none}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{margin-bottom:1px}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-mobile-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-mobile-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-mover{display:none}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{width:auto;border-bottom:1px solid #e2e4e7;bottom:auto}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar{right:0;left:auto}.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{right:auto;left:0}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{top:14px}}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit{float:left;margin-right:2em}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-toolbar{left:14px;right:auto}}.editor-block-list__layout .editor-block-list__block[data-align=right]>.editor-block-list__block-edit{float:right;margin-left:2em}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-toolbar{right:14px;left:auto}}.editor-block-list__layout .editor-block-list__block[data-align=full],.editor-block-list__layout .editor-block-list__block[data-align=wide]{clear:both;z-index:20}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{top:-44px;bottom:auto;min-height:0;height:auto;width:auto;z-index:inherit}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover:before,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover:before{content:none}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover .editor-block-mover__control,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover .editor-block-mover__control{float:right}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__breadcrumb,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-list__breadcrumb{left:-1px}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{display:none}@media (min-width:1280px){.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{display:block}}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=full] .editor-block-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=wide] .editor-block-toolbar{display:inline-flex}}.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{right:-13px}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-list__breadcrumb{left:0}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=full]{margin-right:-45px;margin-left:-45px}}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit{margin-right:-14px;margin-left:-14px}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit{margin-right:-44px;margin-left:-44px}}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit figure{width:100%}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit:before{right:0;left:0;border-right-width:0;border-left-width:0}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover{right:1px}.editor-block-list__layout .editor-block-list__block[data-clear=true]{float:none}.editor-block-list__layout .editor-block-list__block .editor-block-drop-zone{top:-4px;bottom:-3px;margin:0 14px}.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-inserter-with-shortcuts{display:none}.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-default-block-appender .editor-inserter{right:auto;left:8px}.editor-block-list__block>.editor-block-mover{position:absolute;width:30px;height:100%;max-height:112px;top:-15px}@media (min-width:600px){.editor-block-list__block.is-hovered .editor-block-mover,.editor-block-list__block.is-multi-selected .editor-block-mover,.editor-block-list__block.is-selected .editor-block-mover{z-index:80}}.editor-block-list__block>.editor-block-mover{padding-left:2px;right:-30px;display:none}@media (min-width:600px){.editor-block-list__block>.editor-block-mover{display:block}}.editor-block-list__block .editor-block-list__block-mobile-toolbar{display:flex;flex-direction:row;transform:translateY(15px);margin-top:37px;margin-left:-14px;margin-right:-14px;border-top:1px solid #e2e4e7;height:37px;box-shadow:0 5px 10px rgba(25,30,35,.05),0 2px 2px rgba(25,30,35,.05)}@media (min-width:600px){.editor-block-list__block .editor-block-list__block-mobile-toolbar{display:none;box-shadow:none}}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter{position:relative;right:auto;top:auto;margin:0}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle{width:36px;height:36px;border-radius:4px;padding:3px;margin:0;justify-content:center;align-items:center}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control .dashicon,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle .dashicon{margin:auto}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover{display:flex;margin-left:auto}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-block-mover__control,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-inserter{float:right}.editor-block-list__block[data-align=full] .editor-block-list__block-mobile-toolbar{margin-right:0;margin-left:0}.editor-block-list .editor-inserter{margin:8px;cursor:move;cursor:-webkit-grab;cursor:grab}.editor-block-list__insertion-point{position:relative;z-index:6;margin-top:-14px}.editor-block-list__insertion-point-indicator{position:absolute;top:calc(50% - 1px);height:2px;right:0;left:0;background:#0085ba}body.admin-color-sunrise .editor-block-list__insertion-point-indicator{background:#d1864a}body.admin-color-ocean .editor-block-list__insertion-point-indicator{background:#a3b9a2}body.admin-color-midnight .editor-block-list__insertion-point-indicator{background:#e14d43}body.admin-color-ectoplasm .editor-block-list__insertion-point-indicator{background:#a7b656}body.admin-color-coffee .editor-block-list__insertion-point-indicator{background:#c2a68c}body.admin-color-blue .editor-block-list__insertion-point-indicator{background:#82b4cb}body.admin-color-light .editor-block-list__insertion-point-indicator{background:#0085ba}.editor-block-list__insertion-point-inserter{display:none;position:absolute;bottom:auto;right:0;left:0;justify-content:center;opacity:0;transition:opacity .1s linear .1s}@media (min-width:480px){.editor-block-list__insertion-point-inserter{display:flex}}.editor-block-list__insertion-point-inserter .editor-inserter__toggle{margin-top:-4px;border-radius:50%;color:#007cba;background:#fff;height:36px;width:36px}.editor-block-list__insertion-point-inserter .editor-inserter__toggle:not(:disabled):not([aria-disabled=true]):hover{box-shadow:none}.editor-block-list__insertion-point-inserter.is-visible,.editor-block-list__insertion-point-inserter:hover{opacity:1}.edit-post-layout:not(.has-fixed-toolbar) .is-focused>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter,.edit-post-layout:not(.has-fixed-toolbar) .is-selected>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter{opacity:0;pointer-events:none}.edit-post-layout:not(.has-fixed-toolbar) .is-focused>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter.is-visible,.edit-post-layout:not(.has-fixed-toolbar) .is-focused>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter:hover,.edit-post-layout:not(.has-fixed-toolbar) .is-selected>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter.is-visible,.edit-post-layout:not(.has-fixed-toolbar) .is-selected>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter:hover{opacity:1;pointer-events:auto}.editor-block-list__block>.editor-block-list__insertion-point{position:absolute;top:-16px;height:28px;bottom:auto;right:0;left:0}@media (min-width:600px){.editor-block-list__block>.editor-block-list__insertion-point{right:-1px;left:-1px}}.editor-block-list__block[data-align=full]>.editor-block-list__insertion-point{right:0;left:0}.editor-block-list__block .editor-block-list__block-html-textarea{display:block;margin:0;width:100%;border:none;outline:none;box-shadow:none;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;line-height:150%;transition:padding .2s linear}.editor-block-list__block .editor-block-list__block-html-textarea:focus{box-shadow:none}.editor-block-list__block .editor-block-contextual-toolbar{position:-webkit-sticky;position:sticky;z-index:21;white-space:nowrap;text-align:right;pointer-events:none;position:absolute;bottom:23px;right:-14px;left:-14px;border-top:1px solid #e2e4e7}.editor-block-list__block .editor-block-contextual-toolbar .components-toolbar{border-top:none;border-bottom:none}@media (min-width:600px){.editor-block-list__block .editor-block-contextual-toolbar{border-top:none}.editor-block-list__block .editor-block-contextual-toolbar .components-toolbar{border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{margin-bottom:1px;margin-top:-37px}.editor-block-list__block .editor-block-contextual-toolbar{margin-right:0;margin-left:0}@media (min-width:600px){.editor-block-list__block .editor-block-contextual-toolbar{margin-right:-15px;margin-left:-15px}}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar{margin-right:15px}.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{margin-left:15px}.editor-block-list__block .editor-block-contextual-toolbar>*{pointer-events:auto}.editor-block-list__block.is-focus-mode:not(.is-multi-selected)>.editor-block-contextual-toolbar{margin-right:-28px}@media (min-width:600px){.editor-block-list__block .editor-block-contextual-toolbar{bottom:auto;right:auto;left:auto;box-shadow:none;transform:translateY(-52px)}@supports ((position:-webkit-sticky) or (position:sticky)){.editor-block-list__block .editor-block-contextual-toolbar{position:-webkit-sticky;position:sticky;top:51px}}}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar{float:left}.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{float:right}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{transform:translateY(-15px)}.editor-block-contextual-toolbar .editor-block-toolbar{width:100%}@media (min-width:600px){.editor-block-contextual-toolbar .editor-block-toolbar{width:auto;border-left:none;position:absolute;right:0}}.editor-block-list__breadcrumb{position:absolute;line-height:1;z-index:2;left:-14px;top:-15px}.editor-block-list__breadcrumb .components-toolbar{border:none;background:transparent;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;padding:4px;background:#007cba;color:#fff}body.admin-color-sunrise .editor-block-list__breadcrumb .components-toolbar{background:#837425}body.admin-color-ocean .editor-block-list__breadcrumb .components-toolbar{background:#5e7d5e}body.admin-color-midnight .editor-block-list__breadcrumb .components-toolbar{background:#497b8d}body.admin-color-ectoplasm .editor-block-list__breadcrumb .components-toolbar{background:#523f6d}body.admin-color-coffee .editor-block-list__breadcrumb .components-toolbar{background:#59524c}body.admin-color-blue .editor-block-list__breadcrumb .components-toolbar{background:#417e9b}body.admin-color-light .editor-block-list__breadcrumb .components-toolbar{background:#007cba}.editor-block-list__block:hover .editor-block-list__breadcrumb .components-toolbar{opacity:0;animation:edit-post__fade-in-animation 60ms ease-out .5s;animation-fill-mode:forwards}[data-align=left] .editor-block-list__breadcrumb,[data-align=right] .editor-block-list__breadcrumb{left:0;top:0}.editor-block-list__descendant-arrow:before{content:"→";display:inline-block;padding:0 4px}.rtl .editor-block-list__descendant-arrow:before{content:"←"}@media (min-width:600px){.editor-block-list__block:before{bottom:0;content:"";right:-28px;position:absolute;left:-28px;top:0}.editor-block-list__block .editor-block-list__block:before{right:0;left:0}.editor-block-list__block[data-align=full]:before{content:none}}.editor-block-list__block .editor-warning{z-index:5;position:relative;margin-left:-15px;margin-right:-15px;margin-bottom:-15px;transform:translateY(-15px);padding:10px 14px}@media (min-width:600px){.editor-block-list__block .editor-warning{padding:10px 14px}}.block-list-appender>.editor-inserter{display:block}.block-list-appender__toggle{display:flex;align-items:center;justify-content:center;padding:16px;outline:1px dashed #8d96a0;width:100%;color:#555d66}.block-list-appender__toggle:hover{outline:1px dashed #555d66}.editor-block-compare{overflow:auto;height:auto}@media (min-width:600px){.editor-block-compare{max-height:70%}}.editor-block-compare__wrapper{display:flex;padding-bottom:16px}.editor-block-compare__wrapper>div{display:flex;justify-content:space-between;flex-direction:column;width:50%;padding:0 0 0 16px;min-width:200px}.editor-block-compare__wrapper>div button{float:left}.editor-block-compare__wrapper .editor-block-compare__converted{border-right:1px solid #ddd;padding-right:15px}.editor-block-compare__wrapper .editor-block-compare__html{font-family:Menlo,Consolas,monaco,monospace;font-size:12px;color:#23282d;border-bottom:1px solid #ddd;padding-bottom:15px;line-height:1.7}.editor-block-compare__wrapper .editor-block-compare__html span{background-color:#e6ffed;padding-top:3px;padding-bottom:3px}.editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__added{background-color:#acf2bd}.editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__removed{background-color:#d94f4f}.editor-block-compare__wrapper .editor-block-compare__preview{padding:14px 0 0}.editor-block-compare__wrapper .editor-block-compare__preview p{font-size:12px;margin-top:0}.editor-block-compare__wrapper .editor-block-compare__action{margin-top:14px}.editor-block-compare__wrapper .editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.editor-block-mover{min-height:56px;opacity:0}.editor-block-mover.is-visible{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (min-width:600px){.editor-block-list__block:not([data-align=wide]):not([data-align=full]) .editor-block-mover{margin-top:-8px}}.editor-block-mover__control{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;width:28px;height:24px;color:rgba(14,28,46,.62)}.editor-block-mover__control svg{width:28px;height:24px;padding:2px 5px}.is-dark-theme .editor-block-mover__control{color:hsla(0,0%,100%,.65)}.editor-block-mover__control[aria-disabled=true]{cursor:default;pointer-events:none;color:rgba(130,148,147,.15)}.is-dark-theme .editor-block-mover__control[aria-disabled=true]{color:hsla(0,0%,100%,.2)}.editor-block-mover__control-drag-handle{cursor:move;cursor:-webkit-grab;cursor:grab;fill:currentColor;border-radius:4px}.editor-block-mover__control-drag-handle,.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):focus,.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{box-shadow:none;background:none;color:rgba(10,24,41,.7)}.is-dark-theme .editor-block-mover__control-drag-handle,.is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):focus,.is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:hsla(0,0%,100%,.75)}.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active{cursor:-webkit-grabbing;cursor:grabbing}.editor-block-mover__description{display:none}@media (min-width:600px){.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default){background:#fff;box-shadow:inset 0 0 0 1px #e2e4e7}.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):nth-child(-n+2),.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:nth-child(-n+2){margin-bottom:-1px}.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):focus,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:active,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:focus,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:hover{z-index:1}}.editor-block-navigation__container{padding:7px}.editor-block-navigation__label{margin:0 0 8px;color:#6c7781}.editor-block-navigation__list,.editor-block-navigation__paragraph{padding:0;margin:0}.editor-block-navigation__list .editor-block-navigation__list{margin-top:2px;border-right:2px solid #a2aab2;margin-right:1em}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__list{margin-right:1.5em}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item{position:relative}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item:before{position:absolute;right:0;background:#a2aab2;width:.5em;height:2px;content:"";top:calc(50% - 1px)}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item-button{margin-right:.8em;width:calc(100% - .8em)}.editor-block-navigation__list .editor-block-navigation__list>li:last-child{position:relative}.editor-block-navigation__list .editor-block-navigation__list>li:last-child:after{position:absolute;content:"";background:#fff;top:19px;bottom:0;right:-2px;width:2px}.editor-block-navigation__item-button{display:flex;align-items:center;width:100%;padding:6px;text-align:right;color:#40464d;border-radius:4px}.editor-block-navigation__item-button .editor-block-icon{margin-left:6px}.editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none}.editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.editor-block-navigation__item-button.is-selected,.editor-block-navigation__item-button.is-selected:focus{color:#32373c;background:#edeff0}.editor-block-preview{pointer-events:none;padding:10px;overflow:hidden;display:none}@media (min-width:782px){.editor-block-preview{display:block}}.editor-block-preview .editor-block-preview__content{padding:14px;border:1px solid #e2e4e7;font-family:"Noto Serif",serif}.editor-block-preview .editor-block-preview__content>div{transform:scale(.9);transform-origin:center top;font-family:"Noto Serif",serif}.editor-block-preview .editor-block-preview__content>div section{height:auto}.editor-block-preview .editor-block-preview__content>.reusable-block-indicator{display:none}.editor-block-preview__title{margin-bottom:10px;color:#6c7781}.editor-block-settings-menu__toggle .dashicon{transform:rotate(-90deg)}.editor-block-settings-menu__popover:after,.editor-block-settings-menu__popover:before{margin-right:2px}.editor-block-settings-menu__popover .editor-block-settings-menu__content{padding:7px}.editor-block-settings-menu__popover .editor-block-settings-menu__separator{margin:8px -7px;border-top:1px solid #e2e4e7}.editor-block-settings-menu__popover .editor-block-settings-menu__separator:last-child{display:none}.editor-block-settings-menu__popover .editor-block-settings-menu__title{display:block;padding:6px;color:#6c7781}.editor-block-settings-menu__popover .editor-block-settings-menu__control{width:100%;justify-content:flex-start;padding:8px;background:none;outline:none;border-radius:0;color:#555d66;text-align:right;cursor:pointer;border:none;box-shadow:none}.editor-block-settings-menu__popover .editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none}.editor-block-settings-menu__popover .editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.editor-block-settings-menu__popover .editor-block-settings-menu__control .dashicon{margin-left:5px}.editor-block-styles{display:flex;flex-wrap:wrap;justify-content:space-between}.editor-block-styles__item{width:calc(50% - 4px);margin:4px 0;flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:4px;padding:4px}.editor-block-styles__item.is-active{color:#191e23;box-shadow:0 0 0 2px #00a0d2;outline:2px solid transparent;outline-offset:-2px;box-shadow:0 0 0 2px #555d66}.editor-block-styles__item:focus{color:#191e23;box-shadow:0 0 0 2px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.editor-block-styles__item:hover{background:#f8f9f9;color:#191e23}.editor-block-styles__item-preview{outline:1px solid transparent;border:1px solid rgba(25,30,35,.2);overflow:hidden;padding:0;text-align:initial;border-radius:4px;display:flex;height:60px;background:#fff}.editor-block-styles__item-preview .editor-block-preview__content{transform:scale(.7);transform-origin:center center;width:100%;margin:0;padding:0;overflow:visible;min-height:auto}.editor-block-styles__item-label{text-align:center;padding:4px 2px}.editor-block-switcher{position:relative;height:36px}.components-icon-button.editor-block-switcher__no-switcher-icon,.components-icon-button.editor-block-switcher__toggle{margin:0;display:block;height:36px;padding:3px}.components-icon-button.editor-block-switcher__no-switcher-icon{width:48px}.components-icon-button.editor-block-switcher__no-switcher-icon .editor-block-icon{margin-left:auto;margin-right:auto}.components-icon-button.editor-block-switcher__toggle{width:auto}.components-icon-button.editor-block-switcher__toggle:active,.components-icon-button.editor-block-switcher__toggle:not(:disabled):not([aria-disabled=true]):hover,.components-icon-button.editor-block-switcher__toggle:not([aria-disabled=true]):focus{outline:none;box-shadow:none;background:none;border:none}.components-icon-button.editor-block-switcher__toggle .editor-block-icon,.components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform{width:42px;height:30px;position:relative;margin:0 auto;padding:3px;display:flex;align-items:center;transition:all .1s cubic-bezier(.165,.84,.44,1)}.components-icon-button.editor-block-switcher__toggle .editor-block-icon:after{content:"";pointer-events:none;display:block;width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;border-top:5px solid;margin-right:4px;margin-left:2px}.components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform{margin-top:6px;border-radius:4px}.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon,.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform,.components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-icon,.components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-switcher__transform,.components-icon-button.editor-block-switcher__toggle[aria-expanded=true] .editor-block-icon,.components-icon-button.editor-block-switcher__toggle[aria-expanded=true] .editor-block-switcher__transform{transform:translateY(-36px)}.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon,.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform{box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-popover:not(.is-mobile).editor-block-switcher__popover .components-popover__content{min-width:300px;max-width:340px}@media (min-width:782px){.editor-block-switcher__popover .components-popover__content{position:relative}.editor-block-switcher__popover .components-popover__content .editor-block-preview{border:1px solid #e2e4e7;box-shadow:0 3px 30px rgba(25,30,35,.1);background:#fff;position:absolute;right:100%;top:-1px;bottom:-1px;width:300px;height:auto}}.editor-block-switcher__popover .components-popover__content .components-panel__body{border:0;position:relative;z-index:1}.editor-block-switcher__popover .components-popover__content .components-panel__body+.components-panel__body{border-top:1px solid #e2e4e7}.editor-block-switcher__popover:not(.is-mobile)>.components-popover__content{overflow-y:visible}.editor-block-switcher__popover .editor-block-styles{margin:0 -3px}.editor-block-switcher__popover .editor-block-types-list{margin:8px -8px -8px}.editor-block-toolbar{display:flex;flex-grow:1;width:100%;overflow:auto;position:relative;border-right:1px solid #e2e4e7}@media (min-width:600px){.editor-block-toolbar{overflow:inherit}}.editor-block-toolbar .components-toolbar{border:0;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;border-left:1px solid #e2e4e7}.editor-block-types-list{list-style:none;padding:2px 0;overflow:hidden;display:flex;flex-wrap:wrap}.editor-color-palette-control__color-palette{display:inline-block;margin-top:.6rem}.editor-contrast-checker>.components-notice{margin:0}.editor-default-block-appender{clear:both}.editor-default-block-appender textarea.editor-default-block-appender__content{font-family:"Noto Serif",serif;font-size:16px;border:none;background:none;box-shadow:none;display:block;cursor:text;width:100%;outline:1px solid transparent;transition:outline .2s;resize:none;padding:0 14px 0 50px;color:rgba(14,28,46,.62)}.is-dark-theme .editor-default-block-appender textarea.editor-default-block-appender__content{color:hsla(0,0%,100%,.65)}.editor-default-block-appender .editor-inserter-with-shortcuts{opacity:.5;transition:opacity .2s}.editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover){color:rgba(10,24,41,.7)}.is-dark-theme .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover){color:hsla(0,0%,100%,.75)}.editor-default-block-appender .editor-inserter__toggle:not([aria-expanded=true]){opacity:0}.editor-default-block-appender:hover .editor-inserter-with-shortcuts,.editor-default-block-appender:hover .editor-inserter__toggle{opacity:1}.editor-default-block-appender .components-drop-zone__content-icon{display:none}.editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter,.editor-inserter-with-shortcuts{position:absolute;top:0}.editor-block-list__empty-block-inserter .components-icon-button,.editor-default-block-appender .editor-inserter .components-icon-button,.editor-inserter-with-shortcuts .components-icon-button{width:28px;height:28px;margin-left:12px;padding:0}.editor-block-list__empty-block-inserter .editor-block-icon,.editor-default-block-appender .editor-inserter .editor-block-icon,.editor-inserter-with-shortcuts .editor-block-icon{margin:auto}.editor-block-list__empty-block-inserter .components-icon-button svg,.editor-default-block-appender .editor-inserter .components-icon-button svg,.editor-inserter-with-shortcuts .components-icon-button svg{display:block;margin:auto}.editor-block-list__empty-block-inserter .editor-inserter__toggle,.editor-default-block-appender .editor-inserter .editor-inserter__toggle,.editor-inserter-with-shortcuts .editor-inserter__toggle{margin-left:0}.editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter{left:8px}@media (min-width:600px){.editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter{right:-44px;left:auto}}.editor-block-list__empty-block-inserter:disabled,.editor-default-block-appender .editor-inserter:disabled{display:none}.editor-block-list__empty-block-inserter .editor-inserter__toggle,.editor-default-block-appender .editor-inserter .editor-inserter__toggle{transition:opacity .2s;border-radius:50%;width:28px;height:28px;padding:0}.editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover),.editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover){color:rgba(10,24,41,.7)}.is-dark-theme .editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover),.is-dark-theme .editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover){color:hsla(0,0%,100%,.75)}.editor-block-list__side-inserter .editor-inserter-with-shortcuts,.editor-default-block-appender .editor-inserter-with-shortcuts{left:14px;display:none;z-index:5}@media (min-width:600px){.editor-block-list__side-inserter .editor-inserter-with-shortcuts,.editor-default-block-appender .editor-inserter-with-shortcuts{left:0;display:flex}}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item .document-outline__emdash:before{color:#e2e4e7;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;color:#23282d;text-align:right}.document-outline__button:focus{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.document-outline__level{background:#e2e4e7;color:#23282d;border-radius:3px;font-size:13px;padding:1px 6px;margin-left:4px}.is-invalid .document-outline__level{background:#f0b849}.editor-error-boundary{max-width:610px;max-width:780px;padding:20px;margin:60px auto auto;box-shadow:0 3px 30px rgba(25,30,35,.2)}.editor-inner-blocks.has-overlay:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:120}.editor-inserter-with-shortcuts{display:flex;align-items:center}.editor-inserter-with-shortcuts .components-icon-button{border-radius:4px}.editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon){height:24px;width:24px}.editor-inserter-with-shortcuts__block{margin-left:4px;width:36px;height:36px;padding-top:8px;color:rgba(102,120,134,.35)}.is-dark-theme .editor-inserter-with-shortcuts__block{color:hsla(0,0%,100%,.4)}.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:1.4}@media (min-width:782px){.editor-inserter{position:relative}}@media (min-width:782px){.editor-inserter__popover:not(.is-mobile)>.components-popover__content{overflow-y:visible;height:432px}}.editor-inserter__toggle{display:inline-flex;align-items:center;color:#555d66;background:none;cursor:pointer;border:none;outline:none;transition:color .2s ease}.editor-inserter__menu{width:auto;display:flex;flex-direction:column;height:100%}@media (min-width:782px){.editor-inserter__menu{width:400px;position:relative}.editor-inserter__menu .editor-block-preview{border:1px solid #e2e4e7;box-shadow:0 3px 30px rgba(25,30,35,.1);background:#fff;position:absolute;right:100%;top:-1px;bottom:-1px;width:300px}}.editor-inserter__inline-elements{margin-top:-1px}.editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover input[type=search].editor-inserter__search{display:block;margin:16px;padding:11px 16px;position:relative;z-index:1;border-radius:4px;font-size:16px}@media (min-width:600px){.components-popover input[type=search].editor-inserter__search{font-size:13px}}.components-popover input[type=search].editor-inserter__search:focus{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.editor-inserter__results{flex-grow:1;overflow:auto;position:relative;z-index:1;padding:0 16px 16px}.editor-inserter__results:focus{outline:1px dotted #555d66}@media (min-width:782px){.editor-inserter__results{height:394px}}.editor-inserter__results [role=presentation]+.components-panel__body{border-top:none}.editor-inserter__popover .editor-block-types-list{margin:0 -8px}.editor-inserter__reusable-blocks-panel{position:relative;text-align:left}.editor-inserter__manage-reusable-blocks{margin:16px 16px 0 0}.editor-inserter__no-results{font-style:italic;padding:24px;text-align:center}.editor-inserter__child-blocks{padding:0 16px}.editor-inserter__parent-block-header{display:flex;align-items:center}.editor-inserter__parent-block-header h2{font-size:13px}.editor-block-types-list__list-item{display:block;width:33.33%;padding:0 4px;margin:0 0 12px}.editor-block-types-list__item{display:flex;flex-direction:column;width:100%;font-size:13px;color:#32373c;padding:0;align-items:stretch;justify-content:center;cursor:pointer;background:transparent;word-break:break-word;border-radius:4px;border:1px solid transparent;transition:all .05s ease-in-out;position:relative}.editor-block-types-list__item:disabled{opacity:.6;cursor:default}.editor-block-types-list__item:not(:disabled):hover:before{content:"";display:block;background:#f8f9f9;color:#191e23;position:absolute;z-index:-1;border-radius:4px;top:0;left:0;bottom:0;right:0}.editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-title{color:currentColor}.editor-block-types-list__item:not(:disabled).is-active,.editor-block-types-list__item:not(:disabled):active,.editor-block-types-list__item:not(:disabled):focus{position:relative;outline:none;color:#191e23;box-shadow:0 0 0 2px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-title,.editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-title,.editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-title{color:currentColor}.editor-block-types-list__item-icon{padding:12px 20px;border-radius:4px;color:#555d66;transition:all .05s ease-in-out}.editor-block-types-list__item-icon .editor-block-icon{margin-right:auto;margin-left:auto}.editor-block-types-list__item-icon svg{transition:all .15s ease-out}.editor-block-types-list__item-title{padding:4px 2px 8px}.editor-block-types-list__item-has-children .editor-block-types-list__item-icon{background:#fff;margin-left:3px;margin-bottom:6px;padding:9px 20px;position:relative;top:-2px;right:-2px;box-shadow:0 0 0 1px #e2e4e7}.editor-block-types-list__item-has-children .editor-block-types-list__item-icon-stack{display:block;background:#fff;box-shadow:0 0 0 1px #e2e4e7;width:100%;height:100%;position:absolute;z-index:-1;bottom:-6px;left:-6px;border-radius:4px}.editor-media-placeholder__url-input-container{width:100%}.editor-media-placeholder__url-input-container .editor-media-placeholder__button{margin-bottom:0}.editor-media-placeholder__url-input-form{display:flex}.editor-media-placeholder__url-input-form input[type=url].editor-media-placeholder__url-input-field{width:100%;flex-grow:1;border:none;border-radius:0;margin:2px}@media (min-width:600px){.editor-media-placeholder__url-input-form input[type=url].editor-media-placeholder__url-input-field{width:300px}}.editor-media-placeholder__url-input-submit-button{flex-shrink:1}.editor-media-placeholder__button{margin-bottom:.5rem}.editor-media-placeholder__button .dashicon{vertical-align:middle;margin-bottom:3px}.editor-media-placeholder__button:hover{color:#23282d}.components-form-file-upload .editor-media-placeholder__button{margin-left:4px}.editor-multi-selection-inspector__card{display:flex;align-items:flex-start;margin:-16px;padding:16px}.editor-multi-selection-inspector__card-content{flex-grow:1}.editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.editor-multi-selection-inspector__card-description{font-size:13px}.editor-multi-selection-inspector__card .editor-block-icon{margin-right:-2px;margin-left:10px;padding:0 3px;width:36px;height:24px}.editor-page-attributes__template{margin-bottom:10px}.editor-page-attributes__order,.editor-page-attributes__template label,.editor-page-attributes__template select{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-panel-color-settings .component-color-indicator{vertical-align:text-bottom}.editor-panel-color-settings__panel-title .component-color-indicator{display:inline-block}.editor-panel-color-settings.is-opened .editor-panel-color-settings__panel-title .component-color-indicator{display:none}.block-editor .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%}.editor-post-excerpt__textarea{width:100%;margin-bottom:10px}.editor-post-featured-image{padding:0}.editor-post-featured-image .components-spinner{margin:0}.editor-post-featured-image .components-button+.components-button{margin-top:1em;margin-left:8px}.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 #00a0d2}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px #00a0d2}.editor-post-featured-image__toggle{border:1px dashed #a2aab2;background-color:#edeff0;line-height:20px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background-color:#f8f9f9}.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-icon-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:active,.components-icon-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:hover{border:none;box-shadow:none}.components-icon-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:focus{color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.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-permalink{display:inline-flex;align-items:center;background:#fff;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;height:40px;white-space:nowrap;border:1px solid rgba(145,151,162,.25);background-clip:padding-box;margin-right:-15px;margin-left:-15px}@media (min-width:600px){.editor-post-permalink{margin-right:-1px;margin-left:-1px}}.editor-post-permalink button{flex-shrink:0}.editor-post-permalink__copy{border-radius:4px;padding:6px}.editor-post-permalink__copy.is-copied{opacity:.3}.editor-post-permalink__label{margin:0 5px 0 10px;font-weight:600}.editor-post-permalink__link{color:#7e8993;text-decoration:underline;margin-left:10px;width:100%;overflow:hidden;position:relative;white-space:nowrap}.editor-post-permalink__link:after{content:"";display:block;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(270deg,hsla(0,0%,100%,0),#fff 90%);top:1px;bottom:1px;left:1px;right:auto;width:20%;height:auto}.editor-post-permalink-editor{width:100%;min-width:20%;display:inline-flex;align-items:center}.editor-post-permalink-editor .editor-post-permalink__editor-container{flex:0 1 100%;display:flex;overflow:hidden;padding:1px 0}.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix{flex:1 1 auto}@media (min-width:600px){.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix{flex:1 0 auto}}.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit{flex:1 1 100%}.editor-post-permalink-editor .editor-post-permalink-editor__save{margin-right:auto}.editor-post-permalink-editor__prefix{color:#6c7781;min-width:20%;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis}.editor-post-permalink input[type=text].editor-post-permalink-editor__edit{min-width:10%;width:100%;margin:0 3px;padding:2px 4px}.editor-post-permalink-editor__suffix{color:#6c7781;margin-left:6px;flex:0 0 0%}.editor-post-publish-panel{background:#fff;color:#555d66}.editor-post-publish-panel__content{min-height:calc(100% - 140px)}.editor-post-publish-panel__content .components-spinner{display:block;float:none;margin:100px auto 0}.editor-post-publish-panel__header{background:#fff;padding-right:16px;height:56px;border-bottom:1px solid #e2e4e7;display:flex;align-items:center;align-content:space-between}.editor-post-publish-panel__header-publish-button{display:flex;justify-content:flex-end;flex-grow:1;text-align:left;flex-wrap:nowrap}.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{color:#007fac;font-weight:400;padding-right:4px;text-decoration:underline}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#191e23}.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 #e2e4e7;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:#e8eaeb;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;color:#a2aab2;overflow:hidden}.editor-post-saved-state.is-saving{animation:edit-post__loading-fade-animation .5s infinite}.editor-post-saved-state .dashicon{display:inline-block;flex:0 0 auto}.editor-post-saved-state{width:28px;white-space:nowrap;padding:12px 4px}.editor-post-saved-state .dashicon{margin-left:8px}@media (min-width:600px){.editor-post-saved-state{width:auto;padding:8px 12px;text-indent:inherit}.editor-post-saved-state .dashicon{margin-left:4px}}.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft{margin:0}@media (min-width:600px){.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon{display:none}}.editor-post-taxonomies__hierarchical-terms-list{max-height:14em;overflow:auto}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-input[type=checkbox]{margin-top:0}.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-text-editor{border:1px solid #e2e4e7;display:block;margin:0 0 2em;width:100%;box-shadow:none;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;line-height:150%}.editor-post-text-editor:focus,.editor-post-text-editor:hover{border:1px solid #e2e4e7;box-shadow:none;outline:1px solid #e2e4e7;outline-offset:-2px}.editor-post-text-editor__toolbar{display:flex;flex-direction:row;flex-wrap:wrap}.editor-post-text-editor__toolbar button{height:30px;background:none;padding:0 8px;margin:3px 4px;text-align:center;cursor:pointer;font-family:Menlo,Consolas,monaco,monospace;color:#555d66;border:1px solid transparent}.editor-post-text-editor__toolbar button:first-child{margin-right:0}.editor-post-text-editor__toolbar button:focus,.editor-post-text-editor__toolbar button:hover{outline:none;border:1px solid #555d66}.editor-post-text-editor__bold{font-weight:600}.editor-post-text-editor__italic{font-style:italic}.editor-post-text-editor__link{text-decoration:underline;color:#0085ba}body.admin-color-sunrise .editor-post-text-editor__link{color:#d1864a}body.admin-color-ocean .editor-post-text-editor__link{color:#a3b9a2}body.admin-color-midnight .editor-post-text-editor__link{color:#e14d43}body.admin-color-ectoplasm .editor-post-text-editor__link{color:#a7b656}body.admin-color-coffee .editor-post-text-editor__link{color:#c2a68c}body.admin-color-blue .editor-post-text-editor__link{color:#82b4cb}body.admin-color-light .editor-post-text-editor__link{color:#0085ba}.editor-post-text-editor__del{text-decoration:line-through}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-fieldset{padding:0 4px 4px}.edit-post-post-visibility__dialog .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{margin-top:2px}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label{font-weight:600}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info{margin-top:0;margin-right:28px}.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info{margin-bottom:0}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input{margin-right:28px}.edit-post-post-visibility__dialog.components-popover.is-bottom{z-index:100001}.editor-post-title__block{position:relative;padding:5px 0;font-size:16px}@media (min-width:600px){.editor-post-title__block{padding:5px 2px}}.editor-post-title__block .editor-post-title__input{display:block;width:100%;margin:0;box-shadow:none;background:transparent;font-family:"Noto Serif",serif;line-height:1.4;color:#191e23;transition:border .1s ease-out;padding:19px 14px;word-break:keep-all;border-color:transparent;border-style:solid;border-width:1px 0;font-size:2.441em;font-weight:600}@media (min-width:600px){.editor-post-title__block .editor-post-title__input{border-width:1px}}.editor-post-title__block .editor-post-title__input::-webkit-input-placeholder{color:rgba(22,36,53,.55)}.editor-post-title__block .editor-post-title__input::-moz-placeholder{color:rgba(22,36,53,.55)}.editor-post-title__block .editor-post-title__input:-ms-input-placeholder{color:rgba(22,36,53,.55)}.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input{border-color:rgba(145,151,162,.25)}.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input{border-color:hsla(0,0%,100%,.3)}.editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#007cba}body.admin-color-sunrise .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#837425}body.admin-color-ocean .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#5e7d5e}body.admin-color-midnight .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#497b8d}body.admin-color-ectoplasm .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#523f6d}body.admin-color-coffee .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#59524c}body.admin-color-blue .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#417e9b}body.admin-color-light .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#007cba}.editor-post-title__block.is-focus-mode .editor-post-title__input{opacity:.5;transition:opacity .1s linear}.editor-post-title__block.is-focus-mode .editor-post-title__input:focus{opacity:1}.editor-post-title .editor-post-permalink{font-size:13px;color:#191e23;position:absolute;top:-34px;right:0;left:0}@media (min-width:600px){.editor-post-title .editor-post-permalink{right:2px;left:2px}}.editor-post-trash.components-button{width:100%;color:#c92c2c;justify-content:center}.editor-post-trash.components-button:focus,.editor-post-trash.components-button:hover{color:#b52727}.editor-format-toolbar{display:flex;flex-shrink:0}.editor-format-toolbar__selection-position{position:absolute;transform:translateX(50%)}.editor-rich-text{position:relative}.editor-rich-text__tinymce{margin:0;position:relative;line-height:1.8;white-space:pre-wrap}.editor-rich-text__tinymce>p:empty{min-height:28.8px}.editor-rich-text__tinymce>p:first-child{margin-top:0}.editor-rich-text__tinymce:focus{outline:none}.editor-rich-text__tinymce a{color:#007fac}.editor-rich-text__tinymce code{padding:2px;border-radius:2px;color:#23282d;background:#f3f4f5;font-family:Menlo,Consolas,monaco,monospace;font-size:inherit}.is-multi-selected .editor-rich-text__tinymce code{background:#67cffd}.editor-rich-text__tinymce:focus a[data-mce-selected],.editor-rich-text__tinymce:focus b[data-mce-selected],.editor-rich-text__tinymce:focus del[data-mce-selected],.editor-rich-text__tinymce:focus em[data-mce-selected],.editor-rich-text__tinymce:focus i[data-mce-selected],.editor-rich-text__tinymce:focus ins[data-mce-selected],.editor-rich-text__tinymce:focus strong[data-mce-selected],.editor-rich-text__tinymce:focus sub[data-mce-selected],.editor-rich-text__tinymce:focus sup[data-mce-selected]{padding:0 2px;margin:0 -2px;border-radius:2px;box-shadow:0 0 0 1px #e8eaeb;background:#e8eaeb;color:#191e23}.editor-rich-text__tinymce:focus a[data-mce-selected]{box-shadow:0 0 0 1px #e5f5fa;background:#e5f5fa;color:#006589}.editor-rich-text__tinymce:focus code[data-mce-selected]{background:#e8eaeb;box-shadow:0 0 0 1px #e8eaeb}.editor-rich-text__tinymce img[data-mce-selected]{outline:none}.editor-rich-text__tinymce img::-moz-selection{background:none!important}.editor-rich-text__tinymce img::selection{background:none!important}.editor-rich-text__tinymce[data-is-placeholder-visible=true]{position:absolute;top:0;width:100%;margin-top:0;height:100%}.editor-rich-text__tinymce[data-is-placeholder-visible=true]>p{margin-top:0}.editor-rich-text__tinymce+.editor-rich-text__tinymce{pointer-events:none}.editor-rich-text__tinymce+.editor-rich-text__tinymce,.editor-rich-text__tinymce+.editor-rich-text__tinymce p{opacity:.62}.editor-rich-text__tinymce[data-is-placeholder-visible=true]+figcaption.editor-rich-text__tinymce{opacity:.8}.editor-rich-text__inline-toolbar{display:flex;justify-content:center;position:absolute;top:-40px;line-height:0;right:0;left:0;z-index:1}.editor-rich-text__inline-toolbar ul.components-toolbar{box-shadow:0 2px 10px rgba(25,30,35,.1),0 0 2px rgba(25,30,35,.1)}.editor-skip-to-selected-block{position:absolute;top:-9999em}.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:#11a0d2;line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:none;z-index:100000}body.admin-color-sunrise .editor-skip-to-selected-block:focus{color:#c8b03c}body.admin-color-ocean .editor-skip-to-selected-block:focus{color:#a89d8a}body.admin-color-midnight .editor-skip-to-selected-block:focus{color:#77a6b9}body.admin-color-ectoplasm .editor-skip-to-selected-block:focus{color:#c77430}body.admin-color-coffee .editor-skip-to-selected-block:focus{color:#9fa47b}body.admin-color-blue .editor-skip-to-selected-block:focus{color:#d9ab59}body.admin-color-light .editor-skip-to-selected-block:focus{color:#c75726}.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content{min-width:380px}.table-of-contents__popover .components-popover__content{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__counts{display:flex;flex-wrap:wrap}.table-of-contents__count{width:25%;display:flex;flex-direction:column;font-size:13px;color:#6c7781}.table-of-contents__number,.table-of-contents__popover .word-count{font-size:21px;font-weight:400;line-height:30px;color:#555d66}.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}.components-popover .editor-url-input,.editor-block-list__block .editor-url-input,.editor-url-input{flex-grow:1;position:relative;padding:1px}.components-popover .editor-url-input input[type=text],.editor-block-list__block .editor-url-input input[type=text],.editor-url-input input[type=text]{width:100%;padding:8px;border:none;border-radius:0;margin-right:0;margin-left:0}@media (min-width:600px){.components-popover .editor-url-input input[type=text],.editor-block-list__block .editor-url-input input[type=text],.editor-url-input input[type=text]{width:300px}}.components-popover .editor-url-input input[type=text]::-ms-clear,.editor-block-list__block .editor-url-input input[type=text]::-ms-clear,.editor-url-input input[type=text]::-ms-clear{display:none}.components-popover .editor-url-input .components-spinner,.editor-block-list__block .editor-url-input .components-spinner,.editor-url-input .components-spinner{position:absolute;left:8px;top:9px;margin:0}.editor-url-input__suggestions{max-height:200px;transition:all .15s ease-in-out;padding:4px 0;width:302px;overflow-y:auto}.editor-url-input .components-spinner,.editor-url-input__suggestions{display:none}@media (min-width:600px){.editor-url-input .components-spinner,.editor-url-input__suggestions{display:inherit}}.editor-url-input__suggestion{padding:4px 8px;color:#6c7781;display:block;font-size:13px;cursor:pointer;background:#fff;width:100%;text-align:right;border:none;box-shadow:none}.editor-url-input__suggestion:hover{background:#e2e4e7}.editor-url-input__suggestion.is-selected,.editor-url-input__suggestion:focus{background:#00719e;color:#fff;outline:none}body.admin-color-sunrise .editor-url-input__suggestion.is-selected,body.admin-color-sunrise .editor-url-input__suggestion:focus{background:#b2723f}body.admin-color-ocean .editor-url-input__suggestion.is-selected,body.admin-color-ocean .editor-url-input__suggestion:focus{background:#8b9d8a}body.admin-color-midnight .editor-url-input__suggestion.is-selected,body.admin-color-midnight .editor-url-input__suggestion:focus{background:#bf4139}body.admin-color-ectoplasm .editor-url-input__suggestion.is-selected,body.admin-color-ectoplasm .editor-url-input__suggestion:focus{background:#8e9b49}body.admin-color-coffee .editor-url-input__suggestion.is-selected,body.admin-color-coffee .editor-url-input__suggestion:focus{background:#a58d77}body.admin-color-blue .editor-url-input__suggestion.is-selected,body.admin-color-blue .editor-url-input__suggestion:focus{background:#6f99ad}body.admin-color-light .editor-url-input__suggestion.is-selected,body.admin-color-light .editor-url-input__suggestion:focus{background:#00719e}.components-toolbar>.editor-url-input__button{position:inherit}.editor-url-input__button .editor-url-input__back{margin-left:4px;overflow:visible}.editor-url-input__button .editor-url-input__back:after{content:"";position:absolute;display:block;width:1px;height:24px;left:-1px;background:#e2e4e7}.editor-url-input__button-modal{box-shadow:0 3px 30px rgba(25,30,35,.1);border:1px solid #e2e4e7;background:#fff}.editor-url-input__button-modal-line{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0;align-items:flex-start}.editor-url-input__button-modal-line .components-button{flex-shrink:0;width:36px;height:36px}.editor-url-popover__row{display:flex}.editor-url-popover__row>:not(.editor-url-popover__settings-toggle){flex-grow:1}.editor-url-popover__settings-toggle{flex-shrink:0;width:36px;height:36px}.editor-url-popover__settings-toggle .dashicon{transform:rotate(-90deg)}.editor-url-popover__settings{border-top:1px solid #e2e4e7;padding:8px 8px 7px}.editor-warning{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;background-color:#fff;border:1px solid #e2e4e7;text-align:right;padding:20px}.has-warning.is-multi-selected .editor-warning{background-color:transparent}.editor-warning .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}.editor-warning .editor-warning__contents{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center;width:100%}.editor-warning .editor-warning__actions{display:flex}.editor-warning .editor-warning__action{margin:0 0 0 6px}.editor-warning__secondary{margin:3px -4px 0 0}.editor-warning__secondary .components-icon-button{width:auto;padding:8px 2px}@media (min-width:600px){.editor-warning__secondary{margin-right:4px}.editor-warning__secondary .components-icon-button{padding:8px 4px}}.editor-warning__secondary .components-button svg{transform:rotate(-90deg)}.editor-writing-flow{height:100%;display:flex;flex-direction:column}.editor-writing-flow__click-redirect{flex-basis:100%;cursor:text} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style.css b/wp-includes/css/dist/editor/style.css index c7762db9e9..909e644aac 100644 --- a/wp-includes/css/dist/editor/style.css +++ b/wp-includes/css/dist/editor/style.css @@ -1,2585 +1,9 @@ -@charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.editor-autocompleters__block .editor-block-icon { - margin-right: 8px; } - -.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: #8f98a1; - 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: #66c6e4; } - -.editor-block-drop-zone { - border: none; - border-radius: 0; } - .editor-block-drop-zone .components-drop-zone__content, - .editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content { - display: none; } - .editor-block-drop-zone.is-close-to-bottom { - background: none; - border-bottom: 3px solid #0085ba; } - body.admin-color-sunrise .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #d1864a; } - body.admin-color-ocean .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #a3b9a2; } - body.admin-color-midnight .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #e14d43; } - body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #a7b656; } - body.admin-color-coffee .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #c2a68c; } - body.admin-color-blue .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #82b4cb; } - body.admin-color-light .editor-block-drop-zone.is-close-to-bottom{ - border-bottom: 3px solid #0085ba; } - .editor-block-drop-zone.is-close-to-top, .editor-block-drop-zone.is-appender.is-close-to-top, .editor-block-drop-zone.is-appender.is-close-to-bottom { - background: none; - border-top: 3px solid #0085ba; - border-bottom: none; } - body.admin-color-sunrise .editor-block-drop-zone.is-close-to-top, body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #d1864a; } - body.admin-color-ocean .editor-block-drop-zone.is-close-to-top, body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #a3b9a2; } - body.admin-color-midnight .editor-block-drop-zone.is-close-to-top, body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #e14d43; } - body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-top, body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #a7b656; } - body.admin-color-coffee .editor-block-drop-zone.is-close-to-top, body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #c2a68c; } - body.admin-color-blue .editor-block-drop-zone.is-close-to-top, body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #82b4cb; } - body.admin-color-light .editor-block-drop-zone.is-close-to-top, body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-top, body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-bottom{ - border-top: 3px solid #0085ba; } - -.editor-block-icon { - display: flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; - margin: 0; - border-radius: 4px; } - .editor-block-icon.has-colors svg { - fill: currentColor; } - .editor-block-icon svg { - min-width: 20px; - min-height: 20px; - max-width: 24px; - max-height: 24px; } - -.editor-block-inspector__no-blocks { - display: block; - font-size: 13px; - background: #fff; - padding: 32px 16px; - text-align: center; } - -.editor-block-inspector__card { - display: flex; - align-items: flex-start; - margin: -16px; - padding: 16px; } - -.editor-block-inspector__card-icon { - border: 1px solid #ccd0d4; - padding: 7px; - margin-right: 10px; - height: 36px; - width: 36px; } - -.editor-block-inspector__card-content { - flex-grow: 1; } - -.editor-block-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; } - -.editor-block-inspector__card-description { - font-size: 13px; } - -.editor-block-inspector__card .editor-block-icon { - margin-left: -2px; - margin-right: 10px; - padding: 0 3px; - width: 36px; - height: 24px; } - -.editor-block-list__layout .components-draggable__clone .editor-block-contextual-toolbar { - display: none !important; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-list__block-edit::before { - outline: none; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging > .editor-block-list__block-edit > * { - background: #f8f9f9; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging > .editor-block-list__block-edit > * > * { - visibility: hidden; } - -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-mover, -.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-contextual-toolbar { - display: none; } - -.editor-block-list__layout .editor-block-list__block.is-selected > .editor-block-list__block-edit .reusable-block-edit-panel * { - z-index: 1; } - -/** - * General layout - */ -@media (min-width: 600px) { - .editor-block-list__layout { - padding-left: 46px; - padding-right: 46px; } } - -.editor-block-list__block .editor-block-list__layout { - padding-left: 0; - padding-right: 0; - margin-left: -14px; - margin-right: -14px; } - -.editor-block-list__layout .editor-default-block-appender > .editor-default-block-appender__content, -.editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit, -.editor-block-list__layout > .editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit { - margin-top: 32px; - margin-bottom: 32px; } - -.editor-block-list__layout .editor-block-list__block { - position: relative; - padding-left: 14px; - padding-right: 14px; - overflow-wrap: break-word; - /** - * Notices - */ - /** - * Block outline layout - */ } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block { - padding-left: 43px; - padding-right: 43px; } } - .editor-block-list__layout .editor-block-list__block .components-placeholder .components-with-notices-ui { - margin: -10px 20px 12px 20px; - width: calc(100% - 40px); } - .editor-block-list__layout .editor-block-list__block .components-with-notices-ui { - margin: 0 0 12px 0; - width: 100%; } - .editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice { - margin-left: 0; - margin-right: 0; } - .editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { - font-size: 13px; } - .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit { - position: relative; } - .editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit::before { - z-index: 0; - content: ""; - position: absolute; - outline: 1px solid transparent; - transition: outline 0.1s linear; - pointer-events: none; - right: -14px; - left: -14px; - top: -14px; - bottom: -14px; } - .editor-block-list__layout .editor-block-list__block.is-selected > .editor-block-list__block-edit::before { - outline: 1px solid rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.is-selected > .editor-block-list__block-edit::before { - outline-color: rgba(255, 255, 255, 0.3); } - .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before { - outline: 1px solid #007cba; } - body.admin-color-sunrise .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #837425; } - body.admin-color-ocean .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #5e7d5e; } - body.admin-color-midnight .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #497b8d; } - body.admin-color-ectoplasm .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #523f6d; } - body.admin-color-coffee .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #59524c; } - body.admin-color-blue .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #417e9B; } - body.admin-color-light .editor-block-list__layout .editor-block-list__block.is-hovered > .editor-block-list__block-edit::before{ - outline: 1px solid #007cba; } - .editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected) { - opacity: 0.5; - transition: opacity 0.1s linear; } - .editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .editor-block-list__block, .editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused { - opacity: 1; } - -/** - * Cross-block selection - */ -.editor-block-list__layout .editor-block-list__block ::-moz-selection { - background-color: #b3e7fe; } - -.editor-block-list__layout .editor-block-list__block ::selection { - background-color: #b3e7fe; } - -.editor-block-list__layout .editor-block-list__block.is-multi-selected *::-moz-selection { - background-color: transparent; } - -.editor-block-list__layout .editor-block-list__block.is-multi-selected *::selection { - background-color: transparent; } - -.editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit::before { - background: #b3e7fe; - mix-blend-mode: multiply; - top: -14px; - bottom: -14px; } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit::before { - mix-blend-mode: soft-light; } - -/** - * Block styles and alignments - */ -.editor-block-list__layout .editor-block-list__block.has-warning { - min-height: 36px; } - -.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit > * { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit .editor-warning { - pointer-events: all; } - -.editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit::before { - outline-color: rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit::before { - outline-color: rgba(255, 255, 255, 0.3); } - -.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit::after { - content: ""; - position: absolute; - background-color: rgba(248, 249, 249, 0.4); - top: -14px; - bottom: -14px; - right: -14px; - left: -14px; } - -.editor-block-list__layout .editor-block-list__block.has-warning.is-multi-selected .editor-block-list__block-edit::after { - background-color: transparent; } - -.editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::after { - bottom: 22px; } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit::after { - bottom: -14px; } } - -.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__empty-block-inserter, -.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__side-inserter { - opacity: 0; } - -.editor-block-list__layout .editor-block-list__block .editor-block-list__empty-block-inserter, -.editor-block-list__layout .editor-block-list__block .editor-block-list__side-inserter { - opacity: 1; - transition: opacity 0.2s; } - -.editor-block-list__layout .editor-block-list__block.is-reusable > .editor-block-list__block-edit::before { - outline: 1px dashed rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-block-list__layout .editor-block-list__block.is-reusable > .editor-block-list__block-edit::before { - outline-color: rgba(255, 255, 255, 0.3); } - -.editor-block-list__layout .editor-block-list__block[data-align="left"], .editor-block-list__layout .editor-block-list__block[data-align="right"] { - z-index: 20; - width: 100%; - height: 0; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-edit { - margin-top: 0; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit::before, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-edit::before { - content: none; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - margin-bottom: 1px; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-mover, - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-mobile-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-mover, - .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-mobile-toolbar { - display: none; } - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - width: auto; - border-bottom: 1px solid #e2e4e7; - bottom: auto; } - -.editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - left: 0; - right: auto; } - -.editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - left: auto; - right: 0; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar, - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - top: 14px; } } - -.editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit { - /*!rtl:begin:ignore*/ - float: left; - margin-right: 2em; - /*!rtl:end:ignore*/ } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-toolbar { - /*!rtl:begin:ignore*/ - left: 14px; - right: auto; - /*!rtl:end:ignore*/ } } - -.editor-block-list__layout .editor-block-list__block[data-align="right"] > .editor-block-list__block-edit { - /*!rtl:begin:ignore*/ - float: right; - margin-left: 2em; - /*!rtl:end:ignore*/ } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-toolbar { - /*!rtl:begin:ignore*/ - right: 14px; - left: auto; - /*!rtl:end:ignore*/ } } - -.editor-block-list__layout .editor-block-list__block[data-align="full"], .editor-block-list__layout .editor-block-list__block[data-align="wide"] { - clear: both; - z-index: 20; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - top: -44px; - bottom: auto; - min-height: 0; - height: auto; - width: auto; - z-index: inherit; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover::before, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover::before { - content: none; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover .editor-block-mover__control, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover .editor-block-mover__control { - float: left; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__breadcrumb, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-list__breadcrumb { - right: -1px; } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - display: none; } - @media (min-width: 1280px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover, .editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - display: block; } } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] .editor-block-toolbar, .editor-block-list__layout .editor-block-list__block[data-align="wide"] .editor-block-toolbar { - display: inline-flex; } } - -.editor-block-list__layout .editor-block-list__block[data-align="wide"] > .editor-block-mover { - left: -13px; } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit > .editor-block-list__breadcrumb { - right: 0; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] { - margin-left: -45px; - margin-right: -45px; } } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit { - margin-left: -14px; - margin-right: -14px; } - @media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit { - margin-left: -44px; - margin-right: -44px; } } - .editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit figure { - width: 100%; } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-list__block-edit::before { - left: 0; - right: 0; - border-left-width: 0; - border-right-width: 0; } - -.editor-block-list__layout .editor-block-list__block[data-align="full"] > .editor-block-mover { - left: 1px; } - -.editor-block-list__layout .editor-block-list__block[data-clear="true"] { - float: none; } - -.editor-block-list__layout .editor-block-list__block .editor-block-drop-zone { - top: -4px; - bottom: -3px; - margin: 0 14px; } - -.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-inserter-with-shortcuts { - display: none; } - -.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-block-list__empty-block-inserter, -.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-default-block-appender .editor-inserter { - left: auto; - right: 8px; } - -/** - * Left and right side UI; Unified toolbar on Mobile - */ -.editor-block-list__block > .editor-block-mover { - position: absolute; - width: 30px; - height: 100%; - max-height: 112px; } - -.editor-block-list__block > .editor-block-mover { - top: -15px; } - -@media (min-width: 600px) { - .editor-block-list__block.is-multi-selected .editor-block-mover, .editor-block-list__block.is-selected .editor-block-mover, .editor-block-list__block.is-hovered .editor-block-mover { - z-index: 80; } } - -.editor-block-list__block > .editor-block-mover { - padding-right: 2px; - left: -30px; - display: none; } - @media (min-width: 600px) { - .editor-block-list__block > .editor-block-mover { - display: block; } } - -/** - * Mobile unified toolbar. - */ -.editor-block-list__block .editor-block-list__block-mobile-toolbar { - display: flex; - flex-direction: row; - transform: translateY(15px); - margin-top: 37px; - margin-right: -14px; - margin-left: -14px; - border-top: 1px solid #e2e4e7; - height: 37px; - box-shadow: 0 5px 10px rgba(25, 30, 35, 0.05), 0 2px 2px rgba(25, 30, 35, 0.05); } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-list__block-mobile-toolbar { - display: none; } } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-list__block-mobile-toolbar { - box-shadow: none; } } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter { - position: relative; - left: auto; - top: auto; - margin: 0; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle, - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control { - width: 36px; - height: 36px; - border-radius: 4px; - padding: 3px; - margin: 0; - justify-content: center; - align-items: center; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle .dashicon, - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control .dashicon { - margin: auto; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover { - display: flex; - margin-right: auto; } - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-inserter, - .editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-block-mover__control { - float: left; } - -.editor-block-list__block[data-align="full"] .editor-block-list__block-mobile-toolbar { - margin-left: 0; - margin-right: 0; } - -/** - * In-Canvas Inserter - */ -.editor-block-list .editor-inserter { - margin: 8px; - cursor: move; - cursor: -webkit-grab; - cursor: grab; } - -.editor-block-list__insertion-point { - position: relative; - z-index: 6; - margin-top: -14px; } - -.editor-block-list__insertion-point-indicator { - position: absolute; - top: calc(50% - 1px); - height: 2px; - left: 0; - right: 0; - background: #0085ba; } - -body.admin-color-sunrise .editor-block-list__insertion-point-indicator{ - background: #d1864a; } - -body.admin-color-ocean .editor-block-list__insertion-point-indicator{ - background: #a3b9a2; } - -body.admin-color-midnight .editor-block-list__insertion-point-indicator{ - background: #e14d43; } - -body.admin-color-ectoplasm .editor-block-list__insertion-point-indicator{ - background: #a7b656; } - -body.admin-color-coffee .editor-block-list__insertion-point-indicator{ - background: #c2a68c; } - -body.admin-color-blue .editor-block-list__insertion-point-indicator{ - background: #82b4cb; } - -body.admin-color-light .editor-block-list__insertion-point-indicator{ - background: #0085ba; } - -.editor-block-list__insertion-point-inserter { - display: none; - position: absolute; - bottom: auto; - left: 0; - right: 0; - justify-content: center; - opacity: 0; - transition: opacity 0.1s linear 0.1s; } - @media (min-width: 480px) { - .editor-block-list__insertion-point-inserter { - display: flex; } } - .editor-block-list__insertion-point-inserter .editor-inserter__toggle { - margin-top: -4px; - border-radius: 50%; - color: #007cba; - background: #fff; - height: 36px; - width: 36px; } - .editor-block-list__insertion-point-inserter .editor-inserter__toggle:not(:disabled):not([aria-disabled="true"]):hover { - box-shadow: none; } - .editor-block-list__insertion-point-inserter:hover, .editor-block-list__insertion-point-inserter.is-visible { - opacity: 1; } - -.edit-post-layout:not(.has-fixed-toolbar) .is-selected > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter, -.edit-post-layout:not(.has-fixed-toolbar) .is-focused > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter { - opacity: 0; - pointer-events: none; } - .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter:hover, .edit-post-layout:not(.has-fixed-toolbar) .is-selected > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter.is-visible, - .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter:hover, - .edit-post-layout:not(.has-fixed-toolbar) .is-focused > .editor-block-list__insertion-point > .editor-block-list__insertion-point-inserter.is-visible { - opacity: 1; - pointer-events: auto; } - -.editor-block-list__block > .editor-block-list__insertion-point { - position: absolute; - top: -16px; - height: 28px; - bottom: auto; - left: 0; - right: 0; } - @media (min-width: 600px) { - .editor-block-list__block > .editor-block-list__insertion-point { - left: -1px; - right: -1px; } } - -.editor-block-list__block[data-align="full"] > .editor-block-list__insertion-point { - left: 0; - right: 0; } - -.editor-block-list__block .editor-block-list__block-html-textarea { - display: block; - margin: 0; - width: 100%; - border: none; - outline: none; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - line-height: 150%; - transition: padding 0.2s linear; } - .editor-block-list__block .editor-block-list__block-html-textarea:focus { - box-shadow: none; } - -/** - * Block Toolbar when contextual. - */ -.editor-block-list__block .editor-block-contextual-toolbar { - position: -webkit-sticky; - position: sticky; - z-index: 21; - white-space: nowrap; - text-align: left; - pointer-events: none; - position: absolute; - bottom: 23px; - left: -14px; - right: -14px; - border-top: 1px solid #e2e4e7; } - .editor-block-list__block .editor-block-contextual-toolbar .components-toolbar { - border-top: none; - border-bottom: none; } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-contextual-toolbar { - border-top: none; } - .editor-block-list__block .editor-block-contextual-toolbar .components-toolbar { - border-top: 1px solid #e2e4e7; - border-bottom: 1px solid #e2e4e7; } } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - margin-bottom: 1px; - margin-top: -37px; } - -.editor-block-list__block .editor-block-contextual-toolbar { - margin-left: 0; - margin-right: 0; } - @media (min-width: 600px) { - .editor-block-list__block .editor-block-contextual-toolbar { - margin-left: -15px; - margin-right: -15px; } } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - /*rtl:ignore*/ - margin-right: 15px; } - -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - /*rtl:ignore*/ - margin-left: 15px; } - -.editor-block-list__block .editor-block-contextual-toolbar > * { - pointer-events: auto; } - -.editor-block-list__block.is-focus-mode:not(.is-multi-selected) > .editor-block-contextual-toolbar { - margin-left: -28px; } - -@media (min-width: 600px) { - .editor-block-list__block .editor-block-contextual-toolbar { - bottom: auto; - left: auto; - right: auto; - box-shadow: none; - transform: translateY(-52px); } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .editor-block-list__block .editor-block-contextual-toolbar { - position: -webkit-sticky; - position: sticky; - top: 51px; } } } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar { - /*rtl:ignore*/ - float: left; } - -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - /*rtl:ignore*/ - float: right; } - -.editor-block-list__block[data-align="left"] .editor-block-contextual-toolbar, -.editor-block-list__block[data-align="right"] .editor-block-contextual-toolbar { - transform: translateY(-15px); } - -.editor-block-contextual-toolbar .editor-block-toolbar { - width: 100%; } - @media (min-width: 600px) { - .editor-block-contextual-toolbar .editor-block-toolbar { - width: auto; - border-right: none; - position: absolute; - left: 0; } } - -/** - * Hover label - */ -.editor-block-list__breadcrumb { - position: absolute; - line-height: 1; - z-index: 2; - right: -14px; - top: -15px; } - .editor-block-list__breadcrumb .components-toolbar { - padding: 0; - border: none; - background: transparent; - line-height: 1; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 11px; - padding: 4px 4px; - background: #007cba; - color: #fff; } - body.admin-color-sunrise .editor-block-list__breadcrumb .components-toolbar{ - background: #837425; } - body.admin-color-ocean .editor-block-list__breadcrumb .components-toolbar{ - background: #5e7d5e; } - body.admin-color-midnight .editor-block-list__breadcrumb .components-toolbar{ - background: #497b8d; } - body.admin-color-ectoplasm .editor-block-list__breadcrumb .components-toolbar{ - background: #523f6d; } - body.admin-color-coffee .editor-block-list__breadcrumb .components-toolbar{ - background: #59524c; } - body.admin-color-blue .editor-block-list__breadcrumb .components-toolbar{ - background: #417e9B; } - body.admin-color-light .editor-block-list__breadcrumb .components-toolbar{ - background: #007cba; } - .editor-block-list__block:hover .editor-block-list__breadcrumb .components-toolbar { - opacity: 0; - animation: edit-post__fade-in-animation 60ms ease-out 0.5s; - animation-fill-mode: forwards; } - [data-align="left"] .editor-block-list__breadcrumb, - [data-align="right"] .editor-block-list__breadcrumb { - right: 0; - top: 0; } - -.editor-block-list__descendant-arrow::before { - content: "→"; - display: inline-block; - padding: 0 4px; } - .rtl .editor-block-list__descendant-arrow::before { - content: "←"; } - -@media (min-width: 600px) { - .editor-block-list__block::before { - bottom: 0; - content: ""; - left: -28px; - position: absolute; - right: -28px; - top: 0; } - .editor-block-list__block .editor-block-list__block::before { - left: 0; - right: 0; } - .editor-block-list__block[data-align="full"]::before { - content: none; } } - -.editor-block-list__block .editor-warning { - z-index: 5; - position: relative; - margin-right: -15px; - margin-left: -15px; - margin-bottom: -15px; - transform: translateY(-15px); - padding: 10px 14px; } - @media (min-width: 600px) { - .editor-block-list__block .editor-warning { - padding: 10px 14px; } } - -.block-list-appender > .editor-inserter { - display: block; } - -.block-list-appender__toggle { - display: flex; - align-items: center; - justify-content: center; - padding: 16px; - outline: 1px dashed #8d96a0; - width: 100%; - color: #555d66; } - .block-list-appender__toggle:hover { - outline: 1px dashed #555d66; } - -/** - * Invalid block comparison - */ -.editor-block-compare { - overflow: auto; - height: auto; } - @media (min-width: 600px) { - .editor-block-compare { - max-height: 70%; } } - -.editor-block-compare__wrapper { - display: flex; - padding-bottom: 16px; } - .editor-block-compare__wrapper > div { - display: flex; - justify-content: space-between; - flex-direction: column; - width: 50%; - padding: 0 16px 0 0; - min-width: 200px; } - .editor-block-compare__wrapper > div button { - float: right; } - .editor-block-compare__wrapper .editor-block-compare__converted { - border-left: 1px solid #ddd; - padding-left: 15px; } - .editor-block-compare__wrapper .editor-block-compare__html { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 12px; - color: #23282d; - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - line-height: 1.7; } - .editor-block-compare__wrapper .editor-block-compare__html span { - background-color: #e6ffed; - padding-top: 3px; - padding-bottom: 3px; } - .editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__added { - background-color: #acf2bd; } - .editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__removed { - background-color: #d94f4f; } - .editor-block-compare__wrapper .editor-block-compare__preview { - padding: 0; - padding-top: 14px; } - .editor-block-compare__wrapper .editor-block-compare__preview p { - font-size: 12px; - margin-top: 0; } - .editor-block-compare__wrapper .editor-block-compare__action { - margin-top: 14px; } - .editor-block-compare__wrapper .editor-block-compare__heading { - font-size: 1em; - font-weight: 400; - margin: 0.67em 0; } - -.editor-block-mover { - min-height: 56px; - opacity: 0; } - .editor-block-mover.is-visible { - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; } - @media (min-width: 600px) { - .editor-block-list__block:not([data-align="wide"]):not([data-align="full"]) .editor-block-mover { - margin-top: -8px; } } - -.editor-block-mover__control { - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - padding: 0; - width: 28px; - height: 24px; - color: rgba(14, 28, 46, 0.62); } - .editor-block-mover__control svg { - width: 28px; - height: 24px; - padding: 2px 5px; } - .is-dark-theme .editor-block-mover__control { - color: rgba(255, 255, 255, 0.65); } - .editor-block-mover__control[aria-disabled="true"] { - cursor: default; - pointer-events: none; - color: rgba(130, 148, 147, 0.15); } - .is-dark-theme .editor-block-mover__control[aria-disabled="true"] { - color: rgba(255, 255, 255, 0.2); } - -.editor-block-mover__control-drag-handle { - cursor: move; - cursor: -webkit-grab; - cursor: grab; - fill: currentColor; - border-radius: 4px; } - .editor-block-mover__control-drag-handle, .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { - box-shadow: none; - background: none; - color: rgba(10, 24, 41, 0.7); } - .is-dark-theme .editor-block-mover__control-drag-handle, .is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus { - color: rgba(255, 255, 255, 0.75); } - .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active { - cursor: -webkit-grabbing; - cursor: grabbing; } - -.editor-block-mover__description { - display: none; } - -@media (min-width: 600px) { - .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default), .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control { - background: #fff; - box-shadow: inset 0 0 0 1px #e2e4e7; } - .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):nth-child(-n+2), .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:nth-child(-n+2) { - margin-bottom: -1px; } - .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover, .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):active, .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default):focus, .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:hover, .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:active, .editor-block-list__layout .editor-block-list__layout - .editor-block-mover__control:focus { - z-index: 1; } } - -.editor-block-navigation__container { - padding: 7px; } - -.editor-block-navigation__label { - margin: 0 0 8px; - color: #6c7781; } - -.editor-block-navigation__list, -.editor-block-navigation__paragraph { - padding: 0; - margin: 0; } - -.editor-block-navigation__list .editor-block-navigation__list { - margin-top: 2px; - border-left: 2px solid #a2aab2; - margin-left: 1em; } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__list { - margin-left: 1.5em; } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item { - position: relative; } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item::before { - position: absolute; - left: 0; - background: #a2aab2; - width: 0.5em; - height: 2px; - content: ""; - top: calc(50% - 1px); } - .editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item-button { - margin-left: 0.8em; - width: calc(100% - 0.8em); } - .editor-block-navigation__list .editor-block-navigation__list > li:last-child { - position: relative; } - .editor-block-navigation__list .editor-block-navigation__list > li:last-child::after { - position: absolute; - content: ""; - background: #fff; - top: 19px; - bottom: 0; - left: -2px; - width: 2px; } - -.editor-block-navigation__item-button { - display: flex; - align-items: center; - width: 100%; - padding: 6px; - text-align: left; - color: #40464d; - border-radius: 4px; } - .editor-block-navigation__item-button .editor-block-icon { - margin-right: 6px; } - .editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; } - .editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .editor-block-navigation__item-button.is-selected, .editor-block-navigation__item-button.is-selected:focus { - color: #32373c; - background: #edeff0; } - -.editor-block-preview { - pointer-events: none; - padding: 10px; - overflow: hidden; - display: none; } - @media (min-width: 782px) { - .editor-block-preview { - display: block; } } - .editor-block-preview .editor-block-preview__content { - padding: 14px; - border: 1px solid #e2e4e7; - font-family: "Noto Serif", serif; } - .editor-block-preview .editor-block-preview__content > div { - transform: scale(0.9); - transform-origin: center top; - font-family: "Noto Serif", serif; } - .editor-block-preview .editor-block-preview__content > div section { - height: auto; } - .editor-block-preview .editor-block-preview__content > .reusable-block-indicator { - display: none; } - -.editor-block-preview__title { - margin-bottom: 10px; - color: #6c7781; } - -.editor-block-settings-menu__toggle .dashicon { - transform: rotate(90deg); } - -.editor-block-settings-menu__popover::before, .editor-block-settings-menu__popover::after { - margin-left: 2px; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__content { - padding: 7px; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__separator { - margin-top: 8px; - margin-bottom: 8px; - margin-left: -7px; - margin-right: -7px; - border-top: 1px solid #e2e4e7; } - .editor-block-settings-menu__popover .editor-block-settings-menu__separator:last-child { - display: none; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__title { - display: block; - padding: 6px; - color: #6c7781; } - -.editor-block-settings-menu__popover .editor-block-settings-menu__control { - width: 100%; - justify-content: flex-start; - padding: 8px; - background: none; - outline: none; - border-radius: 0; - color: #555d66; - text-align: left; - cursor: pointer; - border: none; - box-shadow: none; } - .editor-block-settings-menu__popover .editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; } - .editor-block-settings-menu__popover .editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled="true"]) { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - .editor-block-settings-menu__popover .editor-block-settings-menu__control .dashicon { - margin-right: 5px; } - -.editor-block-styles { - display: flex; - flex-wrap: wrap; - justify-content: space-between; } - -.editor-block-styles__item { - width: calc(50% - 4px); - margin: 4px 0; - flex-shrink: 0; - cursor: pointer; - overflow: hidden; - border-radius: 4px; - padding: 4px; } - .editor-block-styles__item.is-active { - color: #191e23; - box-shadow: 0 0 0 2px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; - box-shadow: 0 0 0 2px #555d66; } - .editor-block-styles__item:focus { - color: #191e23; - box-shadow: 0 0 0 2px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .editor-block-styles__item:hover { - background: #f8f9f9; - color: #191e23; } - -.editor-block-styles__item-preview { - outline: 1px solid transparent; - border: 1px solid rgba(25, 30, 35, 0.2); - overflow: hidden; - padding: 0; - text-align: initial; - border-radius: 4px; - display: flex; - height: 60px; - background: #fff; } - .editor-block-styles__item-preview .editor-block-preview__content { - transform: scale(0.7); - transform-origin: center center; - width: 100%; - margin: 0; - padding: 0; - overflow: visible; - min-height: auto; } - -.editor-block-styles__item-label { - text-align: center; - padding: 4px 2px; } - -.editor-block-switcher { - position: relative; - height: 36px; } - -.components-icon-button.editor-block-switcher__toggle, -.components-icon-button.editor-block-switcher__no-switcher-icon { - margin: 0; - display: block; - height: 36px; - padding: 3px; } - -.components-icon-button.editor-block-switcher__no-switcher-icon { - width: 48px; } - .components-icon-button.editor-block-switcher__no-switcher-icon .editor-block-icon { - margin-right: auto; - margin-left: auto; } - -.components-icon-button.editor-block-switcher__toggle { - width: auto; } - .components-icon-button.editor-block-switcher__toggle:active, .components-icon-button.editor-block-switcher__toggle:not(:disabled):not([aria-disabled="true"]):hover, .components-icon-button.editor-block-switcher__toggle:not([aria-disabled="true"]):focus { - outline: none; - box-shadow: none; - background: none; - border: none; } - .components-icon-button.editor-block-switcher__toggle .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform { - width: 42px; - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } - .components-icon-button.editor-block-switcher__toggle .editor-block-icon::after { - content: ""; - pointer-events: none; - display: block; - width: 0; - height: 0; - border-left: 3px solid transparent; - border-right: 3px solid transparent; - border-top: 5px solid currentColor; - margin-left: 4px; - margin-right: 2px; } - .components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform { - margin-top: 6px; - border-radius: 4px; } - .components-icon-button.editor-block-switcher__toggle[aria-expanded="true"] .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle[aria-expanded="true"] .editor-block-switcher__transform, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-switcher__transform, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform { - transform: translateY(-36px); } - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon, - .components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform { - box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - -.components-popover:not(.is-mobile).editor-block-switcher__popover .components-popover__content { - min-width: 300px; - max-width: 340px; } - -@media (min-width: 782px) { - .editor-block-switcher__popover .components-popover__content { - position: relative; } - .editor-block-switcher__popover .components-popover__content .editor-block-preview { - border: 1px solid #e2e4e7; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - background: #fff; - position: absolute; - left: 100%; - top: -1px; - bottom: -1px; - width: 300px; - height: auto; } } - -.editor-block-switcher__popover .components-popover__content .components-panel__body { - border: 0; - position: relative; - z-index: 1; } - -.editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { - border-top: 1px solid #e2e4e7; } - -.editor-block-switcher__popover:not(.is-mobile) > .components-popover__content { - overflow-y: visible; } - -.editor-block-switcher__popover .editor-block-styles { - margin: 0 -3px; } - -.editor-block-switcher__popover .editor-block-types-list { - margin: 8px -8px -8px; } - -.editor-block-toolbar { - display: flex; - flex-grow: 1; - width: 100%; - overflow: auto; - position: relative; - border-left: 1px solid #e2e4e7; } - @media (min-width: 600px) { - .editor-block-toolbar { - overflow: inherit; } } - .editor-block-toolbar .components-toolbar { - border: 0; - border-top: 1px solid #e2e4e7; - border-bottom: 1px solid #e2e4e7; - border-right: 1px solid #e2e4e7; } - -.editor-block-types-list { - list-style: none; - padding: 2px 0; - overflow: hidden; - display: flex; - flex-wrap: wrap; } - -.editor-color-palette-control__color-palette { - display: inline-block; - margin-top: 0.6rem; } - -.editor-contrast-checker > .components-notice { - margin: 0; } - -.editor-default-block-appender { - clear: both; } - .editor-default-block-appender textarea.editor-default-block-appender__content { - font-family: "Noto Serif", serif; - font-size: 16px; - border: none; - background: none; - box-shadow: none; - display: block; - cursor: text; - width: 100%; - outline: 1px solid transparent; - transition: 0.2s outline; - resize: none; - padding: 0 50px 0 14px; - color: rgba(14, 28, 46, 0.62); } - .is-dark-theme .editor-default-block-appender textarea.editor-default-block-appender__content { - color: rgba(255, 255, 255, 0.65); } - .editor-default-block-appender .editor-inserter-with-shortcuts { - opacity: 0.5; - transition: opacity 0.2s; } - .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover) { - color: rgba(10, 24, 41, 0.7); } - .is-dark-theme .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover) { - color: rgba(255, 255, 255, 0.75); } - .editor-default-block-appender .editor-inserter__toggle:not([aria-expanded="true"]) { - opacity: 0; } - .editor-default-block-appender:hover .editor-inserter-with-shortcuts { - opacity: 1; } - .editor-default-block-appender:hover .editor-inserter__toggle { - opacity: 1; } - .editor-default-block-appender .components-drop-zone__content-icon { - display: none; } - -.editor-block-list__empty-block-inserter, -.editor-default-block-appender .editor-inserter, -.editor-inserter-with-shortcuts { - position: absolute; - top: 0; } - .editor-block-list__empty-block-inserter .components-icon-button, - .editor-default-block-appender .editor-inserter .components-icon-button, - .editor-inserter-with-shortcuts .components-icon-button { - width: 28px; - height: 28px; - margin-right: 12px; - padding: 0; } - .editor-block-list__empty-block-inserter .editor-block-icon, - .editor-default-block-appender .editor-inserter .editor-block-icon, - .editor-inserter-with-shortcuts .editor-block-icon { - margin: auto; } - .editor-block-list__empty-block-inserter .components-icon-button svg, - .editor-default-block-appender .editor-inserter .components-icon-button svg, - .editor-inserter-with-shortcuts .components-icon-button svg { - display: block; - margin: auto; } - .editor-block-list__empty-block-inserter .editor-inserter__toggle, - .editor-default-block-appender .editor-inserter .editor-inserter__toggle, - .editor-inserter-with-shortcuts .editor-inserter__toggle { - margin-right: 0; } - -.editor-block-list__empty-block-inserter, -.editor-default-block-appender .editor-inserter { - right: 8px; } - @media (min-width: 600px) { - .editor-block-list__empty-block-inserter, - .editor-default-block-appender .editor-inserter { - left: -44px; - right: auto; } } - .editor-block-list__empty-block-inserter:disabled, - .editor-default-block-appender .editor-inserter:disabled { - display: none; } - .editor-block-list__empty-block-inserter .editor-inserter__toggle, - .editor-default-block-appender .editor-inserter .editor-inserter__toggle { - transition: opacity 0.2s; - border-radius: 50%; - width: 28px; - height: 28px; - padding: 0; } - .editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover), - .editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover) { - color: rgba(10, 24, 41, 0.7); } - .is-dark-theme .editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover), .is-dark-theme - .editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover) { - color: rgba(255, 255, 255, 0.75); } - -.editor-block-list__side-inserter .editor-inserter-with-shortcuts, -.editor-default-block-appender .editor-inserter-with-shortcuts { - right: 14px; - display: none; - z-index: 5; } - @media (min-width: 600px) { - .editor-block-list__side-inserter .editor-inserter-with-shortcuts, - .editor-default-block-appender .editor-inserter-with-shortcuts { - right: 0; - display: flex; } } - -.document-outline { - margin: 20px 0; } - .document-outline ul { - margin: 0; - padding: 0; } - -.document-outline__item { - display: flex; - margin: 4px 0; } - .document-outline__item .document-outline__emdash::before { - color: #e2e4e7; - 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; - color: #23282d; - text-align: left; } - .document-outline__button:focus { - background-color: #fff; - color: #191e23; - box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff; - outline: 2px solid transparent; - outline-offset: -2px; } - -.document-outline__level { - background: #e2e4e7; - color: #23282d; - border-radius: 3px; - font-size: 13px; - padding: 1px 6px; - margin-right: 4px; } - .is-invalid .document-outline__level { - background: #f0b849; } - -.editor-error-boundary { - max-width: 610px; - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); } - -.editor-inner-blocks.has-overlay::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 120; } - -.editor-inserter-with-shortcuts { - display: flex; - align-items: center; } - .editor-inserter-with-shortcuts .components-icon-button { - border-radius: 4px; } - .editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon) { - height: 24px; - width: 24px; } - -.editor-inserter-with-shortcuts__block { - margin-right: 4px; - width: 36px; - height: 36px; - padding-top: 8px; - color: rgba(102, 120, 134, 0.35); } - .is-dark-theme .editor-inserter-with-shortcuts__block { - color: rgba(255, 255, 255, 0.4); } - -.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: 1.4; } - @media (min-width: 782px) { - .editor-inserter { - position: relative; } } - -@media (min-width: 782px) { - .editor-inserter__popover:not(.is-mobile) > .components-popover__content { - overflow-y: visible; - height: 432px; } } - -.editor-inserter__toggle { - display: inline-flex; - align-items: center; - color: #555d66; - background: none; - cursor: pointer; - border: none; - outline: none; - transition: color 0.2s ease; } - -.editor-inserter__menu { - width: auto; - display: flex; - flex-direction: column; - height: 100%; } - @media (min-width: 782px) { - .editor-inserter__menu { - width: 400px; - position: relative; } - .editor-inserter__menu .editor-block-preview { - border: 1px solid #e2e4e7; - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - background: #fff; - position: absolute; - left: 100%; - top: -1px; - bottom: -1px; - width: 300px; } } - -.editor-inserter__inline-elements { - margin-top: -1px; } - -.editor-inserter__menu.is-bottom::after { - border-bottom-color: #fff; } - -.components-popover input[type="search"].editor-inserter__search { - display: block; - margin: 16px; - padding: 11px 16px; - position: relative; - z-index: 1; - border-radius: 4px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; } - @media (min-width: 600px) { - .components-popover input[type="search"].editor-inserter__search { - font-size: 13px; } } - .components-popover input[type="search"].editor-inserter__search:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - -.editor-inserter__results { - flex-grow: 1; - overflow: auto; - position: relative; - z-index: 1; - padding: 0 16px 16px 16px; } - .editor-inserter__results:focus { - outline: 1px dotted #555d66; } - @media (min-width: 782px) { - .editor-inserter__results { - height: 394px; } } - .editor-inserter__results [role="presentation"] + .components-panel__body { - border-top: none; } - -.editor-inserter__popover .editor-block-types-list { - margin: 0 -8px; } - -.editor-inserter__reusable-blocks-panel { - position: relative; - text-align: right; } - -.editor-inserter__manage-reusable-blocks { - margin: 16px 0 0 16px; } - -.editor-inserter__no-results { - font-style: italic; - padding: 24px; - text-align: center; } - -.editor-inserter__child-blocks { - padding: 0 16px; } - -.editor-inserter__parent-block-header { - display: flex; - align-items: center; } - .editor-inserter__parent-block-header h2 { - font-size: 13px; } - -.editor-block-types-list__list-item { - display: block; - width: 33.33%; - padding: 0 4px; - margin: 0 0 12px; } - -.editor-block-types-list__item { - display: flex; - flex-direction: column; - width: 100%; - font-size: 13px; - color: #32373c; - padding: 0; - align-items: stretch; - justify-content: center; - cursor: pointer; - background: transparent; - word-break: break-word; - border-radius: 4px; - border: 1px solid transparent; - transition: all 0.05s ease-in-out; - position: relative; } - .editor-block-types-list__item:disabled { - opacity: 0.6; - cursor: default; } - .editor-block-types-list__item:not(:disabled):hover::before { - content: ""; - display: block; - background: #f8f9f9; - color: #191e23; - position: absolute; - z-index: -1; - border-radius: 4px; - top: 0; - right: 0; - bottom: 0; - left: 0; } - .editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-title { - color: currentColor; } - .editor-block-types-list__item:not(:disabled):active, .editor-block-types-list__item:not(:disabled).is-active, .editor-block-types-list__item:not(:disabled):focus { - position: relative; - outline: none; - color: #191e23; - box-shadow: 0 0 0 2px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - .editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-title, .editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-title, .editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-icon, - .editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-title { - color: currentColor; } - -.editor-block-types-list__item-icon { - padding: 12px 20px; - border-radius: 4px; - color: #555d66; - transition: all 0.05s ease-in-out; } - .editor-block-types-list__item-icon .editor-block-icon { - margin-left: auto; - margin-right: auto; } - .editor-block-types-list__item-icon svg { - transition: all 0.15s ease-out; } - -.editor-block-types-list__item-title { - padding: 4px 2px 8px; } - -.editor-block-types-list__item-has-children .editor-block-types-list__item-icon { - background: #fff; - margin-right: 3px; - margin-bottom: 6px; - padding: 9px 20px 9px; - position: relative; - top: -2px; - left: -2px; - box-shadow: 0 0 0 1px #e2e4e7; } - -.editor-block-types-list__item-has-children .editor-block-types-list__item-icon-stack { - display: block; - background: #fff; - box-shadow: 0 0 0 1px #e2e4e7; - width: 100%; - height: 100%; - position: absolute; - z-index: -1; - bottom: -6px; - right: -6px; - border-radius: 4px; } - -.editor-media-placeholder__url-input-container { - width: 100%; } - .editor-media-placeholder__url-input-container .editor-media-placeholder__button { - margin-bottom: 0; } - -.editor-media-placeholder__url-input-form { - display: flex; } - .editor-media-placeholder__url-input-form input[type="url"].editor-media-placeholder__url-input-field { - width: 100%; - flex-grow: 1; - border: none; - border-radius: 0; - margin: 2px; } - @media (min-width: 600px) { - .editor-media-placeholder__url-input-form input[type="url"].editor-media-placeholder__url-input-field { - width: 300px; } } - -.editor-media-placeholder__url-input-submit-button { - flex-shrink: 1; } - -.editor-media-placeholder__button { - margin-bottom: 0.5rem; } - .editor-media-placeholder__button .dashicon { - vertical-align: middle; - margin-bottom: 3px; } - .editor-media-placeholder__button:hover { - color: #23282d; } - -.components-form-file-upload .editor-media-placeholder__button { - margin-right: 4px; } - -.editor-multi-selection-inspector__card { - display: flex; - align-items: flex-start; - margin: -16px; - padding: 16px; } - -.editor-multi-selection-inspector__card-content { - flex-grow: 1; } - -.editor-multi-selection-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; } - -.editor-multi-selection-inspector__card-description { - font-size: 13px; } - -.editor-multi-selection-inspector__card .editor-block-icon { - margin-left: -2px; - margin-right: 10px; - padding: 0 3px; - width: 36px; - height: 24px; } - -.editor-page-attributes__template { - margin-bottom: 10px; } - .editor-page-attributes__template label, - .editor-page-attributes__template select { - width: 100%; } - -.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-panel-color-settings .component-color-indicator { - vertical-align: text-bottom; } - -.editor-panel-color-settings__panel-title .component-color-indicator { - display: inline-block; } - -.editor-panel-color-settings.is-opened .editor-panel-color-settings__panel-title .component-color-indicator { - display: none; } - -.block-editor .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%; } - -.editor-post-excerpt__textarea { - width: 100%; - margin-bottom: 10px; } - -.editor-post-featured-image { - padding: 0; } - .editor-post-featured-image .components-spinner { - margin: 0; } - .editor-post-featured-image .components-button + .components-button { - margin-top: 1em; - margin-right: 8px; } - .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 #00a0d2; } - -.editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus { - box-shadow: 0 0 0 4px #00a0d2; } - -.editor-post-featured-image__toggle { - border: 1px dashed #a2aab2; - background-color: #edeff0; - line-height: 20px; - padding: 8px 0; - text-align: center; } - .editor-post-featured-image__toggle:hover { - background-color: #f8f9f9; } - -.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-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:hover, .components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:active { - border: none; - box-shadow: none; } - -.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:focus { - color: #191e23; - border: none; - box-shadow: none; - outline-offset: -2px; - outline: 1px dotted #555d66; } - -.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-permalink { - display: inline-flex; - align-items: center; - background: #fff; - padding: 5px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - height: 40px; - white-space: nowrap; - border: 1px solid rgba(145, 151, 162, 0.25); - background-clip: padding-box; - margin-left: -15px; - margin-right: -15px; } - @media (min-width: 600px) { - .editor-post-permalink { - margin-left: -1px; - margin-right: -1px; } } - .editor-post-permalink button { - flex-shrink: 0; } - -.editor-post-permalink__copy { - border-radius: 4px; - padding: 6px; } - -.editor-post-permalink__copy.is-copied { - opacity: 0.3; } - -.editor-post-permalink__label { - margin: 0 10px 0 5px; - font-weight: 600; } - -.editor-post-permalink__link { - color: #7e8993; - text-decoration: underline; - margin-right: 10px; - width: 100%; - overflow: hidden; - position: relative; - white-space: nowrap; } - .editor-post-permalink__link::after { - content: ""; - display: block; - position: absolute; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%); - top: 1px; - bottom: 1px; - right: 1px; - left: auto; - width: 20%; - height: auto; } - -.editor-post-permalink-editor { - width: 100%; - min-width: 20%; - display: inline-flex; - align-items: center; } - .editor-post-permalink-editor .editor-post-permalink__editor-container { - flex: 0 1 100%; - display: flex; - overflow: hidden; - padding: 1px 0; } - .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix { - flex: 1 1 auto; } - @media (min-width: 600px) { - .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix { - flex: 1 0 auto; } } - .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit { - flex: 1 1 100%; } - .editor-post-permalink-editor .editor-post-permalink-editor__save { - margin-left: auto; } - -.editor-post-permalink-editor__prefix { - color: #6c7781; - min-width: 20%; - overflow: hidden; - position: relative; - white-space: nowrap; - text-overflow: ellipsis; } - -.editor-post-permalink input[type="text"].editor-post-permalink-editor__edit { - min-width: 10%; - width: 100%; - margin: 0 3px; - padding: 2px 4px; } - -.editor-post-permalink-editor__suffix { - color: #6c7781; - margin-right: 6px; - flex: 0 0 0%; } - -.editor-post-publish-panel { - background: #fff; - color: #555d66; } - -.editor-post-publish-panel__content { - min-height: calc(100% - 140px); } - .editor-post-publish-panel__content .components-spinner { - display: block; - float: none; - margin: 100px auto 0; } - -.editor-post-publish-panel__header { - background: #fff; - padding-left: 16px; - height: 56px; - border-bottom: 1px solid #e2e4e7; - display: flex; - align-items: center; - align-content: space-between; } - -.editor-post-publish-panel__header-publish-button { - display: flex; - justify-content: flex-end; - flex-grow: 1; - text-align: right; - flex-wrap: nowrap; } - -.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 { - color: #007fac; - font-weight: 400; - padding-left: 4px; - text-decoration: underline; } - -.editor-post-publish-panel__prepublish { - padding: 16px; } - .editor-post-publish-panel__prepublish strong { - color: #191e23; } - .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 #e2e4e7; - 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: #e8eaeb; - 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; - color: #a2aab2; - overflow: hidden; } - .editor-post-saved-state.is-saving { - animation: edit-post__loading-fade-animation 0.5s infinite; } - .editor-post-saved-state .dashicon { - display: inline-block; - flex: 0 0 auto; } - -.editor-post-saved-state { - width: 28px; - white-space: nowrap; - padding: 12px 4px; } - .editor-post-saved-state .dashicon { - margin-right: 8px; } - @media (min-width: 600px) { - .editor-post-saved-state { - width: auto; - padding: 8px 12px; - text-indent: inherit; } - .editor-post-saved-state .dashicon { - margin-right: 4px; } } - -.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft { - margin: 0; } - @media (min-width: 600px) { - .edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon { - display: none; } } - -.editor-post-taxonomies__hierarchical-terms-list { - max-height: 14em; - overflow: auto; } - -.editor-post-taxonomies__hierarchical-terms-choice { - margin-bottom: 8px; } - -.editor-post-taxonomies__hierarchical-terms-input[type="checkbox"] { - margin-top: 0; } - -.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-text-editor { - border: 1px solid #e2e4e7; - display: block; - margin: 0 0 2em; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; - line-height: 150%; } - .editor-post-text-editor:hover, .editor-post-text-editor:focus { - border: 1px solid #e2e4e7; - box-shadow: none; - outline: 1px solid #e2e4e7; - outline-offset: -2px; } - -.editor-post-text-editor__toolbar { - display: flex; - flex-direction: row; - flex-wrap: wrap; } - .editor-post-text-editor__toolbar button { - height: 30px; - background: none; - padding: 0 8px; - margin: 3px 4px; - text-align: center; - cursor: pointer; - font-family: Menlo, Consolas, monaco, monospace; - color: #555d66; - border: 1px solid transparent; } - .editor-post-text-editor__toolbar button:first-child { - margin-left: 0; } - .editor-post-text-editor__toolbar button:hover, .editor-post-text-editor__toolbar button:focus { - outline: none; - border: 1px solid #555d66; } - -.editor-post-text-editor__bold { - font-weight: 600; } - -.editor-post-text-editor__italic { - font-style: italic; } - -.editor-post-text-editor__link { - text-decoration: underline; - color: #0085ba; } - -body.admin-color-sunrise .editor-post-text-editor__link{ - color: #d1864a; } - -body.admin-color-ocean .editor-post-text-editor__link{ - color: #a3b9a2; } - -body.admin-color-midnight .editor-post-text-editor__link{ - color: #e14d43; } - -body.admin-color-ectoplasm .editor-post-text-editor__link{ - color: #a7b656; } - -body.admin-color-coffee .editor-post-text-editor__link{ - color: #c2a68c; } - -body.admin-color-blue .editor-post-text-editor__link{ - color: #82b4cb; } - -body.admin-color-light .editor-post-text-editor__link{ - color: #0085ba; } - -.editor-post-text-editor__del { - text-decoration: line-through; } - -.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 { - font-weight: 600; - margin-bottom: 1em; - margin-top: 0.5em; - padding: 0; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio { - margin-top: 2px; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label { - font-weight: 600; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info { - margin-top: 0; - margin-left: 28px; } - -.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { - margin-bottom: 0; } - -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input { - margin-left: 28px; } - -.edit-post-post-visibility__dialog.components-popover.is-bottom { - z-index: 100001; } - -.editor-post-title__block { - position: relative; - padding: 5px 0; - font-size: 16px; } - @media (min-width: 600px) { - .editor-post-title__block { - padding: 5px 2px; } } - .editor-post-title__block .editor-post-title__input { - display: block; - width: 100%; - margin: 0; - box-shadow: none; - background: transparent; - font-family: "Noto Serif", serif; - line-height: 1.4; - color: #191e23; - transition: border 0.1s ease-out; - padding: 19px 14px; - word-break: keep-all; - border: 1px solid transparent; - border-left-width: 0; - border-right-width: 0; - font-size: 2.441em; - font-weight: 600; } - @media (min-width: 600px) { - .editor-post-title__block .editor-post-title__input { - border-width: 1px; } } - .editor-post-title__block .editor-post-title__input::-webkit-input-placeholder { - color: rgba(22, 36, 53, 0.55); } - .editor-post-title__block .editor-post-title__input::-moz-placeholder { - color: rgba(22, 36, 53, 0.55); } - .editor-post-title__block .editor-post-title__input:-ms-input-placeholder { - color: rgba(22, 36, 53, 0.55); } - .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input { - border-color: rgba(145, 151, 162, 0.25); } - .is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input { - border-color: rgba(255, 255, 255, 0.3); } - .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover { - border-color: #007cba; } - body.admin-color-sunrise .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #837425; } - body.admin-color-ocean .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #5e7d5e; } - body.admin-color-midnight .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #497b8d; } - body.admin-color-ectoplasm .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #523f6d; } - body.admin-color-coffee .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #59524c; } - body.admin-color-blue .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #417e9B; } - body.admin-color-light .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{ - border-color: #007cba; } - .editor-post-title__block.is-focus-mode .editor-post-title__input { - opacity: 0.5; - transition: opacity 0.1s linear; } - .editor-post-title__block.is-focus-mode .editor-post-title__input:focus { - opacity: 1; } - -.editor-post-title .editor-post-permalink { - font-size: 13px; - color: #191e23; - position: absolute; - top: -34px; - left: 0; - right: 0; } - @media (min-width: 600px) { - .editor-post-title .editor-post-permalink { - left: 2px; - right: 2px; } } - -.editor-post-trash.components-button { - width: 100%; - color: #c92c2c; - justify-content: center; } - .editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus { - color: #b52727; } - -.editor-format-toolbar { - display: flex; - flex-shrink: 0; } - -.editor-format-toolbar__selection-position { - position: absolute; - transform: translateX(-50%); } - -.editor-rich-text { - position: relative; } - -.editor-rich-text__tinymce { - margin: 0; - position: relative; - line-height: 1.8; - white-space: pre-wrap; } - .editor-rich-text__tinymce > p:empty { - min-height: 28.8px; } - .editor-rich-text__tinymce > p:first-child { - margin-top: 0; } - .editor-rich-text__tinymce:focus { - outline: none; } - .editor-rich-text__tinymce a { - color: #007fac; } - .editor-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #23282d; - background: #f3f4f5; - font-family: Menlo, Consolas, monaco, monospace; - font-size: inherit; } - .is-multi-selected .editor-rich-text__tinymce code { - background: #67cffd; } - .editor-rich-text__tinymce:focus a[data-mce-selected], - .editor-rich-text__tinymce:focus b[data-mce-selected], - .editor-rich-text__tinymce:focus i[data-mce-selected], - .editor-rich-text__tinymce:focus strong[data-mce-selected], - .editor-rich-text__tinymce:focus em[data-mce-selected], - .editor-rich-text__tinymce:focus del[data-mce-selected], - .editor-rich-text__tinymce:focus ins[data-mce-selected], - .editor-rich-text__tinymce:focus sup[data-mce-selected], - .editor-rich-text__tinymce:focus sub[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e8eaeb; - background: #e8eaeb; - color: #191e23; } - .editor-rich-text__tinymce:focus a[data-mce-selected] { - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; - color: #006589; } - .editor-rich-text__tinymce:focus code[data-mce-selected] { - background: #e8eaeb; - box-shadow: 0 0 0 1px #e8eaeb; } - .editor-rich-text__tinymce img[data-mce-selected] { - outline: none; } - .editor-rich-text__tinymce img::-moz-selection { - background: none !important; } - .editor-rich-text__tinymce img::selection { - background: none !important; } - .editor-rich-text__tinymce[data-is-placeholder-visible="true"] { - position: absolute; - top: 0; - width: 100%; - margin-top: 0; - height: 100%; } - .editor-rich-text__tinymce[data-is-placeholder-visible="true"] > p { - margin-top: 0; } - .editor-rich-text__tinymce + .editor-rich-text__tinymce { - pointer-events: none; } - .editor-rich-text__tinymce + .editor-rich-text__tinymce, - .editor-rich-text__tinymce + .editor-rich-text__tinymce p { - opacity: 0.62; } - .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + figcaption.editor-rich-text__tinymce { - opacity: 0.8; } - -.editor-rich-text__inline-toolbar { - display: flex; - justify-content: center; - position: absolute; - top: -40px; - line-height: 0; - left: 0; - right: 0; - z-index: 1; } - .editor-rich-text__inline-toolbar ul.components-toolbar { - box-shadow: 0 2px 10px rgba(25, 30, 35, 0.1), 0 0 2px rgba(25, 30, 35, 0.1); } - -.editor-skip-to-selected-block { - position: absolute; - top: -9999em; } - .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: #11a0d2; - line-height: normal; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - text-decoration: none; - outline: none; - z-index: 100000; } - body.admin-color-sunrise .editor-skip-to-selected-block:focus{ - color: #c8b03c; } - body.admin-color-ocean .editor-skip-to-selected-block:focus{ - color: #a89d8a; } - body.admin-color-midnight .editor-skip-to-selected-block:focus{ - color: #77a6b9; } - body.admin-color-ectoplasm .editor-skip-to-selected-block:focus{ - color: #c77430; } - body.admin-color-coffee .editor-skip-to-selected-block:focus{ - color: #9fa47b; } - body.admin-color-blue .editor-skip-to-selected-block:focus{ - color: #d9ab59; } - body.admin-color-light .editor-skip-to-selected-block:focus{ - color: #c75726; } - -.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content { - min-width: 380px; } - -.table-of-contents__popover .components-popover__content { - 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__counts { - display: flex; - flex-wrap: wrap; } - -.table-of-contents__count { - width: 25%; - display: flex; - flex-direction: column; - font-size: 13px; - color: #6c7781; } - -.table-of-contents__number, -.table-of-contents__popover .word-count { - font-size: 21px; - font-weight: 400; - line-height: 30px; - color: #555d66; } - -.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; } - -.editor-block-list__block .editor-url-input, -.components-popover .editor-url-input, -.editor-url-input { - flex-grow: 1; - position: relative; - padding: 1px; } - .editor-block-list__block .editor-url-input input[type="text"], - .components-popover .editor-url-input input[type="text"], - .editor-url-input input[type="text"] { - width: 100%; - padding: 8px; - border: none; - border-radius: 0; - margin-left: 0; - margin-right: 0; } - @media (min-width: 600px) { - .editor-block-list__block .editor-url-input input[type="text"], - .components-popover .editor-url-input input[type="text"], - .editor-url-input input[type="text"] { - width: 300px; } } - .editor-block-list__block .editor-url-input input[type="text"]::-ms-clear, - .components-popover .editor-url-input input[type="text"]::-ms-clear, - .editor-url-input input[type="text"]::-ms-clear { - display: none; } - .editor-block-list__block .editor-url-input .components-spinner, - .components-popover .editor-url-input .components-spinner, - .editor-url-input .components-spinner { - position: absolute; - right: 8px; - top: 9px; - margin: 0; } - -.editor-url-input__suggestions { - max-height: 200px; - transition: all 0.15s ease-in-out; - padding: 4px 0; - width: 302px; - overflow-y: auto; } - -.editor-url-input__suggestions, -.editor-url-input .components-spinner { - display: none; } - @media (min-width: 600px) { - .editor-url-input__suggestions, - .editor-url-input .components-spinner { - display: inherit; } } - -.editor-url-input__suggestion { - padding: 4px 8px; - color: #6c7781; - display: block; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: left; - border: none; - box-shadow: none; } - .editor-url-input__suggestion:hover { - background: #e2e4e7; } - .editor-url-input__suggestion:focus, .editor-url-input__suggestion.is-selected { - background: rgb(0, 113, 158); - color: #fff; - outline: none; } - body.admin-color-sunrise .editor-url-input__suggestion:focus, body.admin-color-sunrise .editor-url-input__suggestion.is-selected{ - background: rgb(178, 114, 63); } - body.admin-color-ocean .editor-url-input__suggestion:focus, body.admin-color-ocean .editor-url-input__suggestion.is-selected{ - background: rgb(139, 157, 138); } - body.admin-color-midnight .editor-url-input__suggestion:focus, body.admin-color-midnight .editor-url-input__suggestion.is-selected{ - background: rgb(191, 65, 57); } - body.admin-color-ectoplasm .editor-url-input__suggestion:focus, body.admin-color-ectoplasm .editor-url-input__suggestion.is-selected{ - background: rgb(142, 155, 73); } - body.admin-color-coffee .editor-url-input__suggestion:focus, body.admin-color-coffee .editor-url-input__suggestion.is-selected{ - background: rgb(165, 141, 119); } - body.admin-color-blue .editor-url-input__suggestion:focus, body.admin-color-blue .editor-url-input__suggestion.is-selected{ - background: rgb(111, 153, 173); } - body.admin-color-light .editor-url-input__suggestion:focus, body.admin-color-light .editor-url-input__suggestion.is-selected{ - background: rgb(0, 113, 158); } - -.components-toolbar > .editor-url-input__button { - position: inherit; } - -.editor-url-input__button .editor-url-input__back { - margin-right: 4px; - overflow: visible; } - .editor-url-input__button .editor-url-input__back::after { - content: ""; - position: absolute; - display: block; - width: 1px; - height: 24px; - right: -1px; - background: #e2e4e7; } - -.editor-url-input__button-modal { - box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); - border: 1px solid #e2e4e7; - background: #fff; } - -.editor-url-input__button-modal-line { - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 1; - min-width: 0; - align-items: flex-start; } - .editor-url-input__button-modal-line .components-button { - flex-shrink: 0; - width: 36px; - height: 36px; } - -.editor-url-popover__row { - display: flex; } - -.editor-url-popover__row > :not(.editor-url-popover__settings-toggle) { - flex-grow: 1; } - -.editor-url-popover__settings-toggle { - flex-shrink: 0; - width: 36px; - height: 36px; } - .editor-url-popover__settings-toggle .dashicon { - transform: rotate(90deg); } - -.editor-url-popover__settings { - padding: 7px 8px; - border-top: 1px solid #e2e4e7; - padding-top: 8px; } - -.editor-warning { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: nowrap; - background-color: #fff; - border: 1px solid #e2e4e7; - text-align: left; - padding: 20px; } - .has-warning.is-multi-selected .editor-warning { - background-color: transparent; } - .editor-warning .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; } - .editor-warning .editor-warning__contents { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; - align-items: center; - width: 100%; } - .editor-warning .editor-warning__actions { - display: flex; } - .editor-warning .editor-warning__action { - margin: 0 6px 0 0; } - -.editor-warning__secondary { - margin: 3px 0 0 -4px; } - .editor-warning__secondary .components-icon-button { - width: auto; - padding: 8px 2px; } - @media (min-width: 600px) { - .editor-warning__secondary { - margin-left: 4px; } - .editor-warning__secondary .components-icon-button { - padding: 8px 4px; } } - .editor-warning__secondary .components-button svg { - transform: rotate(90deg); } - -.editor-writing-flow { - height: 100%; - display: flex; - flex-direction: column; } - -.editor-writing-flow__click-redirect { - flex-basis: 100%; - cursor: text; } +@charset "UTF-8";.editor-autocompleters__block .editor-block-icon{margin-right:8px}.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:#8f98a1;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:#66c6e4}.editor-block-drop-zone{border:none;border-radius:0}.editor-block-drop-zone .components-drop-zone__content,.editor-block-drop-zone.is-dragging-over-element .components-drop-zone__content{display:none}.editor-block-drop-zone.is-close-to-bottom{background:none;border-bottom:3px solid #0085ba}body.admin-color-sunrise .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #d1864a}body.admin-color-ocean .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #a3b9a2}body.admin-color-midnight .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #e14d43}body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #a7b656}body.admin-color-coffee .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #c2a68c}body.admin-color-blue .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #82b4cb}body.admin-color-light .editor-block-drop-zone.is-close-to-bottom{border-bottom:3px solid #0085ba}.editor-block-drop-zone.is-appender.is-close-to-bottom,.editor-block-drop-zone.is-appender.is-close-to-top,.editor-block-drop-zone.is-close-to-top{background:none;border-top:3px solid #0085ba;border-bottom:none}body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-sunrise .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-sunrise .editor-block-drop-zone.is-close-to-top{border-top:3px solid #d1864a}body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-ocean .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-ocean .editor-block-drop-zone.is-close-to-top{border-top:3px solid #a3b9a2}body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-midnight .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-midnight .editor-block-drop-zone.is-close-to-top{border-top:3px solid #e14d43}body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-ectoplasm .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-ectoplasm .editor-block-drop-zone.is-close-to-top{border-top:3px solid #a7b656}body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-coffee .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-coffee .editor-block-drop-zone.is-close-to-top{border-top:3px solid #c2a68c}body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-blue .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-blue .editor-block-drop-zone.is-close-to-top{border-top:3px solid #82b4cb}body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-bottom,body.admin-color-light .editor-block-drop-zone.is-appender.is-close-to-top,body.admin-color-light .editor-block-drop-zone.is-close-to-top{border-top:3px solid #0085ba}.editor-block-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;border-radius:4px}.editor-block-icon.has-colors svg{fill:currentColor}.editor-block-icon svg{min-width:20px;min-height:20px;max-width:24px;max-height:24px}.editor-block-inspector__no-blocks{display:block;font-size:13px;background:#fff;padding:32px 16px;text-align:center}.editor-block-inspector__card{display:flex;align-items:flex-start;margin:-16px;padding:16px}.editor-block-inspector__card-icon{border:1px solid #ccd0d4;padding:7px;margin-right:10px;height:36px;width:36px}.editor-block-inspector__card-content{flex-grow:1}.editor-block-inspector__card-title{font-weight:500;margin-bottom:5px}.editor-block-inspector__card-description{font-size:13px}.editor-block-inspector__card .editor-block-icon{margin-left:-2px;margin-right:10px;padding:0 3px;width:36px;height:24px}.editor-block-list__layout .components-draggable__clone .editor-block-contextual-toolbar{display:none!important}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-list__block-edit:before{outline:none}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging>.editor-block-list__block-edit>*{background:#f8f9f9}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging>.editor-block-list__block-edit>*>*{visibility:hidden}.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block.is-selected.is-dragging .editor-block-mover{display:none}.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit .reusable-block-edit-panel *{z-index:1}@media (min-width:600px){.editor-block-list__layout{padding-left:46px;padding-right:46px}}.editor-block-list__block .editor-block-list__layout{padding-left:0;padding-right:0;margin-left:-14px;margin-right:-14px}.editor-block-list__layout .editor-default-block-appender>.editor-default-block-appender__content,.editor-block-list__layout>.editor-block-list__block>.editor-block-list__block-edit,.editor-block-list__layout>.editor-block-list__layout>.editor-block-list__block>.editor-block-list__block-edit{margin-top:32px;margin-bottom:32px}.editor-block-list__layout .editor-block-list__block{position:relative;padding-left:14px;padding-right:14px;overflow-wrap:break-word}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block{padding-left:43px;padding-right:43px}}.editor-block-list__layout .editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 20px 12px;width:calc(100% - 40px)}.editor-block-list__layout .editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice{margin-left:0;margin-right:0}.editor-block-list__layout .editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit{position:relative}.editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit:before{z-index:0;content:"";position:absolute;outline:1px solid transparent;transition:outline .1s linear;pointer-events:none;right:-14px;left:-14px;top:-14px;bottom:-14px}.editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit:before{outline:1px solid rgba(145,151,162,.25)}.is-dark-theme .editor-block-list__layout .editor-block-list__block.is-selected>.editor-block-list__block-edit:before{outline-color:hsla(0,0%,100%,.3)}.editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #007cba}body.admin-color-sunrise .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #837425}body.admin-color-ocean .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #5e7d5e}body.admin-color-midnight .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #497b8d}body.admin-color-ectoplasm .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #523f6d}body.admin-color-coffee .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #59524c}body.admin-color-blue .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #417e9b}body.admin-color-light .editor-block-list__layout .editor-block-list__block.is-hovered>.editor-block-list__block-edit:before{outline:1px solid #007cba}.editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected){opacity:.5;transition:opacity .1s linear}.editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused,.editor-block-list__layout .editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .editor-block-list__block{opacity:1}.editor-block-list__layout .editor-block-list__block ::-moz-selection{background-color:#b3e7fe}.editor-block-list__layout .editor-block-list__block ::selection{background-color:#b3e7fe}.editor-block-list__layout .editor-block-list__block.is-multi-selected ::-moz-selection{background-color:transparent}.editor-block-list__layout .editor-block-list__block.is-multi-selected ::selection{background-color:transparent}.editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before{background:#b3e7fe;mix-blend-mode:multiply;top:-14px;bottom:-14px}.is-dark-theme .editor-block-list__layout .editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before{mix-blend-mode:soft-light}.editor-block-list__layout .editor-block-list__block.has-warning{min-height:36px}.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit>*{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit .editor-warning{pointer-events:all}.editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit:before{outline-color:rgba(145,151,162,.25)}.is-dark-theme .editor-block-list__layout .editor-block-list__block.has-warning:not(.is-hovered) .editor-block-list__block-edit:before{outline-color:hsla(0,0%,100%,.3)}.editor-block-list__layout .editor-block-list__block.has-warning .editor-block-list__block-edit:after{content:"";position:absolute;background-color:rgba(248,249,249,.4);top:-14px;bottom:-14px;right:-14px;left:-14px}.editor-block-list__layout .editor-block-list__block.has-warning.is-multi-selected .editor-block-list__block-edit:after{background-color:transparent}.editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit:after{bottom:22px}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block.has-warning.is-selected .editor-block-list__block-edit:after{bottom:-14px}}.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block.is-typing .editor-block-list__side-inserter{opacity:0}.editor-block-list__layout .editor-block-list__block .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block .editor-block-list__side-inserter{opacity:1;transition:opacity .2s}.editor-block-list__layout .editor-block-list__block.is-reusable>.editor-block-list__block-edit:before{outline:1px dashed rgba(145,151,162,.25)}.is-dark-theme .editor-block-list__layout .editor-block-list__block.is-reusable>.editor-block-list__block-edit:before{outline-color:hsla(0,0%,100%,.3)}.editor-block-list__layout .editor-block-list__block[data-align=left],.editor-block-list__layout .editor-block-list__block[data-align=right]{z-index:20;width:100%;height:0}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit{margin-top:0}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit:before,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit:before{content:none}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{margin-bottom:1px}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-mobile-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-mobile-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-mover{display:none}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{width:auto;border-bottom:1px solid #e2e4e7;bottom:auto}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar{left:0;right:auto}.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{left:auto;right:0}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{top:14px}}.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit{ + /*!rtl:begin:ignore*/float:left;margin-right:2em + /*!rtl:end:ignore*/}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-toolbar{ + /*!rtl:begin:ignore*/left:14px;right:auto + /*!rtl:end:ignore*/}}.editor-block-list__layout .editor-block-list__block[data-align=right]>.editor-block-list__block-edit{ + /*!rtl:begin:ignore*/float:right;margin-left:2em + /*!rtl:end:ignore*/}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-toolbar{ + /*!rtl:begin:ignore*/right:14px;left:auto + /*!rtl:end:ignore*/}}.editor-block-list__layout .editor-block-list__block[data-align=full],.editor-block-list__layout .editor-block-list__block[data-align=wide]{clear:both;z-index:20}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{top:-44px;bottom:auto;min-height:0;height:auto;width:auto;z-index:inherit}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover:before,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover:before{content:none}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover .editor-block-mover__control,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover .editor-block-mover__control{float:left}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__breadcrumb,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-list__breadcrumb{right:-1px}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{display:none}@media (min-width:1280px){.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover,.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{display:block}}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=full] .editor-block-toolbar,.editor-block-list__layout .editor-block-list__block[data-align=wide] .editor-block-toolbar{display:inline-flex}}.editor-block-list__layout .editor-block-list__block[data-align=wide]>.editor-block-mover{left:-13px}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit>.editor-block-list__breadcrumb{right:0}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=full]{margin-left:-45px;margin-right:-45px}}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit{margin-left:-14px;margin-right:-14px}@media (min-width:600px){.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit{margin-left:-44px;margin-right:-44px}}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit figure{width:100%}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-list__block-edit:before{left:0;right:0;border-left-width:0;border-right-width:0}.editor-block-list__layout .editor-block-list__block[data-align=full]>.editor-block-mover{left:1px}.editor-block-list__layout .editor-block-list__block[data-clear=true]{float:none}.editor-block-list__layout .editor-block-list__block .editor-block-drop-zone{top:-4px;bottom:-3px;margin:0 14px}.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-inserter-with-shortcuts{display:none}.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-block-list__empty-block-inserter,.editor-block-list__layout .editor-block-list__block .editor-block-list__layout .editor-default-block-appender .editor-inserter{left:auto;right:8px}.editor-block-list__block>.editor-block-mover{position:absolute;width:30px;height:100%;max-height:112px;top:-15px}@media (min-width:600px){.editor-block-list__block.is-hovered .editor-block-mover,.editor-block-list__block.is-multi-selected .editor-block-mover,.editor-block-list__block.is-selected .editor-block-mover{z-index:80}}.editor-block-list__block>.editor-block-mover{padding-right:2px;left:-30px;display:none}@media (min-width:600px){.editor-block-list__block>.editor-block-mover{display:block}}.editor-block-list__block .editor-block-list__block-mobile-toolbar{display:flex;flex-direction:row;transform:translateY(15px);margin-top:37px;margin-right:-14px;margin-left:-14px;border-top:1px solid #e2e4e7;height:37px;box-shadow:0 5px 10px rgba(25,30,35,.05),0 2px 2px rgba(25,30,35,.05)}@media (min-width:600px){.editor-block-list__block .editor-block-list__block-mobile-toolbar{display:none;box-shadow:none}}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter{position:relative;left:auto;top:auto;margin:0}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle{width:36px;height:36px;border-radius:4px;padding:3px;margin:0;justify-content:center;align-items:center}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover__control .dashicon,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-inserter__toggle .dashicon{margin:auto}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover{display:flex;margin-right:auto}.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-block-mover__control,.editor-block-list__block .editor-block-list__block-mobile-toolbar .editor-block-mover .editor-inserter{float:left}.editor-block-list__block[data-align=full] .editor-block-list__block-mobile-toolbar{margin-left:0;margin-right:0}.editor-block-list .editor-inserter{margin:8px;cursor:move;cursor:-webkit-grab;cursor:grab}.editor-block-list__insertion-point{position:relative;z-index:6;margin-top:-14px}.editor-block-list__insertion-point-indicator{position:absolute;top:calc(50% - 1px);height:2px;left:0;right:0;background:#0085ba}body.admin-color-sunrise .editor-block-list__insertion-point-indicator{background:#d1864a}body.admin-color-ocean .editor-block-list__insertion-point-indicator{background:#a3b9a2}body.admin-color-midnight .editor-block-list__insertion-point-indicator{background:#e14d43}body.admin-color-ectoplasm .editor-block-list__insertion-point-indicator{background:#a7b656}body.admin-color-coffee .editor-block-list__insertion-point-indicator{background:#c2a68c}body.admin-color-blue .editor-block-list__insertion-point-indicator{background:#82b4cb}body.admin-color-light .editor-block-list__insertion-point-indicator{background:#0085ba}.editor-block-list__insertion-point-inserter{display:none;position:absolute;bottom:auto;left:0;right:0;justify-content:center;opacity:0;transition:opacity .1s linear .1s}@media (min-width:480px){.editor-block-list__insertion-point-inserter{display:flex}}.editor-block-list__insertion-point-inserter .editor-inserter__toggle{margin-top:-4px;border-radius:50%;color:#007cba;background:#fff;height:36px;width:36px}.editor-block-list__insertion-point-inserter .editor-inserter__toggle:not(:disabled):not([aria-disabled=true]):hover{box-shadow:none}.editor-block-list__insertion-point-inserter.is-visible,.editor-block-list__insertion-point-inserter:hover{opacity:1}.edit-post-layout:not(.has-fixed-toolbar) .is-focused>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter,.edit-post-layout:not(.has-fixed-toolbar) .is-selected>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter{opacity:0;pointer-events:none}.edit-post-layout:not(.has-fixed-toolbar) .is-focused>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter.is-visible,.edit-post-layout:not(.has-fixed-toolbar) .is-focused>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter:hover,.edit-post-layout:not(.has-fixed-toolbar) .is-selected>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter.is-visible,.edit-post-layout:not(.has-fixed-toolbar) .is-selected>.editor-block-list__insertion-point>.editor-block-list__insertion-point-inserter:hover{opacity:1;pointer-events:auto}.editor-block-list__block>.editor-block-list__insertion-point{position:absolute;top:-16px;height:28px;bottom:auto;left:0;right:0}@media (min-width:600px){.editor-block-list__block>.editor-block-list__insertion-point{left:-1px;right:-1px}}.editor-block-list__block[data-align=full]>.editor-block-list__insertion-point{left:0;right:0}.editor-block-list__block .editor-block-list__block-html-textarea{display:block;margin:0;width:100%;border:none;outline:none;box-shadow:none;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;line-height:150%;transition:padding .2s linear}.editor-block-list__block .editor-block-list__block-html-textarea:focus{box-shadow:none}.editor-block-list__block .editor-block-contextual-toolbar{position:-webkit-sticky;position:sticky;z-index:21;white-space:nowrap;text-align:left;pointer-events:none;position:absolute;bottom:23px;left:-14px;right:-14px;border-top:1px solid #e2e4e7}.editor-block-list__block .editor-block-contextual-toolbar .components-toolbar{border-top:none;border-bottom:none}@media (min-width:600px){.editor-block-list__block .editor-block-contextual-toolbar{border-top:none}.editor-block-list__block .editor-block-contextual-toolbar .components-toolbar{border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7}}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{margin-bottom:1px;margin-top:-37px}.editor-block-list__block .editor-block-contextual-toolbar{margin-left:0;margin-right:0}@media (min-width:600px){.editor-block-list__block .editor-block-contextual-toolbar{margin-left:-15px;margin-right:-15px}}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar{margin-right:15px}.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{margin-left:15px}.editor-block-list__block .editor-block-contextual-toolbar>*{pointer-events:auto}.editor-block-list__block.is-focus-mode:not(.is-multi-selected)>.editor-block-contextual-toolbar{margin-left:-28px}@media (min-width:600px){.editor-block-list__block .editor-block-contextual-toolbar{bottom:auto;left:auto;right:auto;box-shadow:none;transform:translateY(-52px)}@supports ((position:-webkit-sticky) or (position:sticky)){.editor-block-list__block .editor-block-contextual-toolbar{position:-webkit-sticky;position:sticky;top:51px}}}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar{float:left}.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{float:right}.editor-block-list__block[data-align=left] .editor-block-contextual-toolbar,.editor-block-list__block[data-align=right] .editor-block-contextual-toolbar{transform:translateY(-15px)}.editor-block-contextual-toolbar .editor-block-toolbar{width:100%}@media (min-width:600px){.editor-block-contextual-toolbar .editor-block-toolbar{width:auto;border-right:none;position:absolute;left:0}}.editor-block-list__breadcrumb{position:absolute;line-height:1;z-index:2;right:-14px;top:-15px}.editor-block-list__breadcrumb .components-toolbar{border:none;background:transparent;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px;padding:4px;background:#007cba;color:#fff}body.admin-color-sunrise .editor-block-list__breadcrumb .components-toolbar{background:#837425}body.admin-color-ocean .editor-block-list__breadcrumb .components-toolbar{background:#5e7d5e}body.admin-color-midnight .editor-block-list__breadcrumb .components-toolbar{background:#497b8d}body.admin-color-ectoplasm .editor-block-list__breadcrumb .components-toolbar{background:#523f6d}body.admin-color-coffee .editor-block-list__breadcrumb .components-toolbar{background:#59524c}body.admin-color-blue .editor-block-list__breadcrumb .components-toolbar{background:#417e9b}body.admin-color-light .editor-block-list__breadcrumb .components-toolbar{background:#007cba}.editor-block-list__block:hover .editor-block-list__breadcrumb .components-toolbar{opacity:0;animation:edit-post__fade-in-animation 60ms ease-out .5s;animation-fill-mode:forwards}[data-align=left] .editor-block-list__breadcrumb,[data-align=right] .editor-block-list__breadcrumb{right:0;top:0}.editor-block-list__descendant-arrow:before{content:"→";display:inline-block;padding:0 4px}.rtl .editor-block-list__descendant-arrow:before{content:"←"}@media (min-width:600px){.editor-block-list__block:before{bottom:0;content:"";left:-28px;position:absolute;right:-28px;top:0}.editor-block-list__block .editor-block-list__block:before{left:0;right:0}.editor-block-list__block[data-align=full]:before{content:none}}.editor-block-list__block .editor-warning{z-index:5;position:relative;margin-right:-15px;margin-left:-15px;margin-bottom:-15px;transform:translateY(-15px);padding:10px 14px}@media (min-width:600px){.editor-block-list__block .editor-warning{padding:10px 14px}}.block-list-appender>.editor-inserter{display:block}.block-list-appender__toggle{display:flex;align-items:center;justify-content:center;padding:16px;outline:1px dashed #8d96a0;width:100%;color:#555d66}.block-list-appender__toggle:hover{outline:1px dashed #555d66}.editor-block-compare{overflow:auto;height:auto}@media (min-width:600px){.editor-block-compare{max-height:70%}}.editor-block-compare__wrapper{display:flex;padding-bottom:16px}.editor-block-compare__wrapper>div{display:flex;justify-content:space-between;flex-direction:column;width:50%;padding:0 16px 0 0;min-width:200px}.editor-block-compare__wrapper>div button{float:right}.editor-block-compare__wrapper .editor-block-compare__converted{border-left:1px solid #ddd;padding-left:15px}.editor-block-compare__wrapper .editor-block-compare__html{font-family:Menlo,Consolas,monaco,monospace;font-size:12px;color:#23282d;border-bottom:1px solid #ddd;padding-bottom:15px;line-height:1.7}.editor-block-compare__wrapper .editor-block-compare__html span{background-color:#e6ffed;padding-top:3px;padding-bottom:3px}.editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__added{background-color:#acf2bd}.editor-block-compare__wrapper .editor-block-compare__html span.editor-block-compare__removed{background-color:#d94f4f}.editor-block-compare__wrapper .editor-block-compare__preview{padding:14px 0 0}.editor-block-compare__wrapper .editor-block-compare__preview p{font-size:12px;margin-top:0}.editor-block-compare__wrapper .editor-block-compare__action{margin-top:14px}.editor-block-compare__wrapper .editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.editor-block-mover{min-height:56px;opacity:0}.editor-block-mover.is-visible{animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (min-width:600px){.editor-block-list__block:not([data-align=wide]):not([data-align=full]) .editor-block-mover{margin-top:-8px}}.editor-block-mover__control{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;width:28px;height:24px;color:rgba(14,28,46,.62)}.editor-block-mover__control svg{width:28px;height:24px;padding:2px 5px}.is-dark-theme .editor-block-mover__control{color:hsla(0,0%,100%,.65)}.editor-block-mover__control[aria-disabled=true]{cursor:default;pointer-events:none;color:rgba(130,148,147,.15)}.is-dark-theme .editor-block-mover__control[aria-disabled=true]{color:hsla(0,0%,100%,.2)}.editor-block-mover__control-drag-handle{cursor:move;cursor:-webkit-grab;cursor:grab;fill:currentColor;border-radius:4px}.editor-block-mover__control-drag-handle,.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):focus,.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{box-shadow:none;background:none;color:rgba(10,24,41,.7)}.is-dark-theme .editor-block-mover__control-drag-handle,.is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):focus,.is-dark-theme .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover{color:hsla(0,0%,100%,.75)}.editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active{cursor:-webkit-grabbing;cursor:grabbing}.editor-block-mover__description{display:none}@media (min-width:600px){.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default){background:#fff;box-shadow:inset 0 0 0 1px #e2e4e7}.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):nth-child(-n+2),.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:nth-child(-n+2){margin-bottom:-1px}.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):active,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):focus,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-default):hover,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:active,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:focus,.editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:hover{z-index:1}}.editor-block-navigation__container{padding:7px}.editor-block-navigation__label{margin:0 0 8px;color:#6c7781}.editor-block-navigation__list,.editor-block-navigation__paragraph{padding:0;margin:0}.editor-block-navigation__list .editor-block-navigation__list{margin-top:2px;border-left:2px solid #a2aab2;margin-left:1em}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__list{margin-left:1.5em}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item{position:relative}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item:before{position:absolute;left:0;background:#a2aab2;width:.5em;height:2px;content:"";top:calc(50% - 1px)}.editor-block-navigation__list .editor-block-navigation__list .editor-block-navigation__item-button{margin-left:.8em;width:calc(100% - .8em)}.editor-block-navigation__list .editor-block-navigation__list>li:last-child{position:relative}.editor-block-navigation__list .editor-block-navigation__list>li:last-child:after{position:absolute;content:"";background:#fff;top:19px;bottom:0;left:-2px;width:2px}.editor-block-navigation__item-button{display:flex;align-items:center;width:100%;padding:6px;text-align:left;color:#40464d;border-radius:4px}.editor-block-navigation__item-button .editor-block-icon{margin-right:6px}.editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none}.editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.editor-block-navigation__item-button.is-selected,.editor-block-navigation__item-button.is-selected:focus{color:#32373c;background:#edeff0}.editor-block-preview{pointer-events:none;padding:10px;overflow:hidden;display:none}@media (min-width:782px){.editor-block-preview{display:block}}.editor-block-preview .editor-block-preview__content{padding:14px;border:1px solid #e2e4e7;font-family:"Noto Serif",serif}.editor-block-preview .editor-block-preview__content>div{transform:scale(.9);transform-origin:center top;font-family:"Noto Serif",serif}.editor-block-preview .editor-block-preview__content>div section{height:auto}.editor-block-preview .editor-block-preview__content>.reusable-block-indicator{display:none}.editor-block-preview__title{margin-bottom:10px;color:#6c7781}.editor-block-settings-menu__toggle .dashicon{transform:rotate(90deg)}.editor-block-settings-menu__popover:after,.editor-block-settings-menu__popover:before{margin-left:2px}.editor-block-settings-menu__popover .editor-block-settings-menu__content{padding:7px}.editor-block-settings-menu__popover .editor-block-settings-menu__separator{margin:8px -7px;border-top:1px solid #e2e4e7}.editor-block-settings-menu__popover .editor-block-settings-menu__separator:last-child{display:none}.editor-block-settings-menu__popover .editor-block-settings-menu__title{display:block;padding:6px;color:#6c7781}.editor-block-settings-menu__popover .editor-block-settings-menu__control{width:100%;justify-content:flex-start;padding:8px;background:none;outline:none;border-radius:0;color:#555d66;text-align:left;cursor:pointer;border:none;box-shadow:none}.editor-block-settings-menu__popover .editor-block-settings-menu__control:hover:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none}.editor-block-settings-menu__popover .editor-block-settings-menu__control:focus:not(:disabled):not([aria-disabled=true]){color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.editor-block-settings-menu__popover .editor-block-settings-menu__control .dashicon{margin-right:5px}.editor-block-styles{display:flex;flex-wrap:wrap;justify-content:space-between}.editor-block-styles__item{width:calc(50% - 4px);margin:4px 0;flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:4px;padding:4px}.editor-block-styles__item.is-active{color:#191e23;box-shadow:0 0 0 2px #00a0d2;outline:2px solid transparent;outline-offset:-2px;box-shadow:0 0 0 2px #555d66}.editor-block-styles__item:focus{color:#191e23;box-shadow:0 0 0 2px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.editor-block-styles__item:hover{background:#f8f9f9;color:#191e23}.editor-block-styles__item-preview{outline:1px solid transparent;border:1px solid rgba(25,30,35,.2);overflow:hidden;padding:0;text-align:initial;border-radius:4px;display:flex;height:60px;background:#fff}.editor-block-styles__item-preview .editor-block-preview__content{transform:scale(.7);transform-origin:center center;width:100%;margin:0;padding:0;overflow:visible;min-height:auto}.editor-block-styles__item-label{text-align:center;padding:4px 2px}.editor-block-switcher{position:relative;height:36px}.components-icon-button.editor-block-switcher__no-switcher-icon,.components-icon-button.editor-block-switcher__toggle{margin:0;display:block;height:36px;padding:3px}.components-icon-button.editor-block-switcher__no-switcher-icon{width:48px}.components-icon-button.editor-block-switcher__no-switcher-icon .editor-block-icon{margin-right:auto;margin-left:auto}.components-icon-button.editor-block-switcher__toggle{width:auto}.components-icon-button.editor-block-switcher__toggle:active,.components-icon-button.editor-block-switcher__toggle:not(:disabled):not([aria-disabled=true]):hover,.components-icon-button.editor-block-switcher__toggle:not([aria-disabled=true]):focus{outline:none;box-shadow:none;background:none;border:none}.components-icon-button.editor-block-switcher__toggle .editor-block-icon,.components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform{width:42px;height:30px;position:relative;margin:0 auto;padding:3px;display:flex;align-items:center;transition:all .1s cubic-bezier(.165,.84,.44,1)}.components-icon-button.editor-block-switcher__toggle .editor-block-icon:after{content:"";pointer-events:none;display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid;margin-left:4px;margin-right:2px}.components-icon-button.editor-block-switcher__toggle .editor-block-switcher__transform{margin-top:6px;border-radius:4px}.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon,.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform,.components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-icon,.components-icon-button.editor-block-switcher__toggle:not(:disabled):hover .editor-block-switcher__transform,.components-icon-button.editor-block-switcher__toggle[aria-expanded=true] .editor-block-icon,.components-icon-button.editor-block-switcher__toggle[aria-expanded=true] .editor-block-switcher__transform{transform:translateY(-36px)}.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-icon,.components-icon-button.editor-block-switcher__toggle:not(:disabled):focus .editor-block-switcher__transform{box-shadow:inset 0 0 0 1px #555d66,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.components-popover:not(.is-mobile).editor-block-switcher__popover .components-popover__content{min-width:300px;max-width:340px}@media (min-width:782px){.editor-block-switcher__popover .components-popover__content{position:relative}.editor-block-switcher__popover .components-popover__content .editor-block-preview{border:1px solid #e2e4e7;box-shadow:0 3px 30px rgba(25,30,35,.1);background:#fff;position:absolute;left:100%;top:-1px;bottom:-1px;width:300px;height:auto}}.editor-block-switcher__popover .components-popover__content .components-panel__body{border:0;position:relative;z-index:1}.editor-block-switcher__popover .components-popover__content .components-panel__body+.components-panel__body{border-top:1px solid #e2e4e7}.editor-block-switcher__popover:not(.is-mobile)>.components-popover__content{overflow-y:visible}.editor-block-switcher__popover .editor-block-styles{margin:0 -3px}.editor-block-switcher__popover .editor-block-types-list{margin:8px -8px -8px}.editor-block-toolbar{display:flex;flex-grow:1;width:100%;overflow:auto;position:relative;border-left:1px solid #e2e4e7}@media (min-width:600px){.editor-block-toolbar{overflow:inherit}}.editor-block-toolbar .components-toolbar{border:0;border-top:1px solid #e2e4e7;border-bottom:1px solid #e2e4e7;border-right:1px solid #e2e4e7}.editor-block-types-list{list-style:none;padding:2px 0;overflow:hidden;display:flex;flex-wrap:wrap}.editor-color-palette-control__color-palette{display:inline-block;margin-top:.6rem}.editor-contrast-checker>.components-notice{margin:0}.editor-default-block-appender{clear:both}.editor-default-block-appender textarea.editor-default-block-appender__content{font-family:"Noto Serif",serif;font-size:16px;border:none;background:none;box-shadow:none;display:block;cursor:text;width:100%;outline:1px solid transparent;transition:outline .2s;resize:none;padding:0 50px 0 14px;color:rgba(14,28,46,.62)}.is-dark-theme .editor-default-block-appender textarea.editor-default-block-appender__content{color:hsla(0,0%,100%,.65)}.editor-default-block-appender .editor-inserter-with-shortcuts{opacity:.5;transition:opacity .2s}.editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover){color:rgba(10,24,41,.7)}.is-dark-theme .editor-default-block-appender .editor-inserter-with-shortcuts .components-icon-button:not(:hover){color:hsla(0,0%,100%,.75)}.editor-default-block-appender .editor-inserter__toggle:not([aria-expanded=true]){opacity:0}.editor-default-block-appender:hover .editor-inserter-with-shortcuts,.editor-default-block-appender:hover .editor-inserter__toggle{opacity:1}.editor-default-block-appender .components-drop-zone__content-icon{display:none}.editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter,.editor-inserter-with-shortcuts{position:absolute;top:0}.editor-block-list__empty-block-inserter .components-icon-button,.editor-default-block-appender .editor-inserter .components-icon-button,.editor-inserter-with-shortcuts .components-icon-button{width:28px;height:28px;margin-right:12px;padding:0}.editor-block-list__empty-block-inserter .editor-block-icon,.editor-default-block-appender .editor-inserter .editor-block-icon,.editor-inserter-with-shortcuts .editor-block-icon{margin:auto}.editor-block-list__empty-block-inserter .components-icon-button svg,.editor-default-block-appender .editor-inserter .components-icon-button svg,.editor-inserter-with-shortcuts .components-icon-button svg{display:block;margin:auto}.editor-block-list__empty-block-inserter .editor-inserter__toggle,.editor-default-block-appender .editor-inserter .editor-inserter__toggle,.editor-inserter-with-shortcuts .editor-inserter__toggle{margin-right:0}.editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter{right:8px}@media (min-width:600px){.editor-block-list__empty-block-inserter,.editor-default-block-appender .editor-inserter{left:-44px;right:auto}}.editor-block-list__empty-block-inserter:disabled,.editor-default-block-appender .editor-inserter:disabled{display:none}.editor-block-list__empty-block-inserter .editor-inserter__toggle,.editor-default-block-appender .editor-inserter .editor-inserter__toggle{transition:opacity .2s;border-radius:50%;width:28px;height:28px;padding:0}.editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover),.editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover){color:rgba(10,24,41,.7)}.is-dark-theme .editor-block-list__empty-block-inserter .editor-inserter__toggle:not(:hover),.is-dark-theme .editor-default-block-appender .editor-inserter .editor-inserter__toggle:not(:hover){color:hsla(0,0%,100%,.75)}.editor-block-list__side-inserter .editor-inserter-with-shortcuts,.editor-default-block-appender .editor-inserter-with-shortcuts{right:14px;display:none;z-index:5}@media (min-width:600px){.editor-block-list__side-inserter .editor-inserter-with-shortcuts,.editor-default-block-appender .editor-inserter-with-shortcuts{right:0;display:flex}}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item .document-outline__emdash:before{color:#e2e4e7;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;color:#23282d;text-align:left}.document-outline__button:focus{background-color:#fff;color:#191e23;box-shadow:inset 0 0 0 1px #6c7781,inset 0 0 0 2px #fff;outline:2px solid transparent;outline-offset:-2px}.document-outline__level{background:#e2e4e7;color:#23282d;border-radius:3px;font-size:13px;padding:1px 6px;margin-right:4px}.is-invalid .document-outline__level{background:#f0b849}.editor-error-boundary{max-width:610px;max-width:780px;padding:20px;margin:60px auto auto;box-shadow:0 3px 30px rgba(25,30,35,.2)}.editor-inner-blocks.has-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:120}.editor-inserter-with-shortcuts{display:flex;align-items:center}.editor-inserter-with-shortcuts .components-icon-button{border-radius:4px}.editor-inserter-with-shortcuts .components-icon-button svg:not(.dashicon){height:24px;width:24px}.editor-inserter-with-shortcuts__block{margin-right:4px;width:36px;height:36px;padding-top:8px;color:rgba(102,120,134,.35)}.is-dark-theme .editor-inserter-with-shortcuts__block{color:hsla(0,0%,100%,.4)}.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:1.4}@media (min-width:782px){.editor-inserter{position:relative}}@media (min-width:782px){.editor-inserter__popover:not(.is-mobile)>.components-popover__content{overflow-y:visible;height:432px}}.editor-inserter__toggle{display:inline-flex;align-items:center;color:#555d66;background:none;cursor:pointer;border:none;outline:none;transition:color .2s ease}.editor-inserter__menu{width:auto;display:flex;flex-direction:column;height:100%}@media (min-width:782px){.editor-inserter__menu{width:400px;position:relative}.editor-inserter__menu .editor-block-preview{border:1px solid #e2e4e7;box-shadow:0 3px 30px rgba(25,30,35,.1);background:#fff;position:absolute;left:100%;top:-1px;bottom:-1px;width:300px}}.editor-inserter__inline-elements{margin-top:-1px}.editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover input[type=search].editor-inserter__search{display:block;margin:16px;padding:11px 16px;position:relative;z-index:1;border-radius:4px;font-size:16px}@media (min-width:600px){.components-popover input[type=search].editor-inserter__search{font-size:13px}}.components-popover input[type=search].editor-inserter__search:focus{color:#191e23;border-color:#00a0d2;box-shadow:0 0 0 1px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.editor-inserter__results{flex-grow:1;overflow:auto;position:relative;z-index:1;padding:0 16px 16px}.editor-inserter__results:focus{outline:1px dotted #555d66}@media (min-width:782px){.editor-inserter__results{height:394px}}.editor-inserter__results [role=presentation]+.components-panel__body{border-top:none}.editor-inserter__popover .editor-block-types-list{margin:0 -8px}.editor-inserter__reusable-blocks-panel{position:relative;text-align:right}.editor-inserter__manage-reusable-blocks{margin:16px 0 0 16px}.editor-inserter__no-results{font-style:italic;padding:24px;text-align:center}.editor-inserter__child-blocks{padding:0 16px}.editor-inserter__parent-block-header{display:flex;align-items:center}.editor-inserter__parent-block-header h2{font-size:13px}.editor-block-types-list__list-item{display:block;width:33.33%;padding:0 4px;margin:0 0 12px}.editor-block-types-list__item{display:flex;flex-direction:column;width:100%;font-size:13px;color:#32373c;padding:0;align-items:stretch;justify-content:center;cursor:pointer;background:transparent;word-break:break-word;border-radius:4px;border:1px solid transparent;transition:all .05s ease-in-out;position:relative}.editor-block-types-list__item:disabled{opacity:.6;cursor:default}.editor-block-types-list__item:not(:disabled):hover:before{content:"";display:block;background:#f8f9f9;color:#191e23;position:absolute;z-index:-1;border-radius:4px;top:0;right:0;bottom:0;left:0}.editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled):hover .editor-block-types-list__item-title{color:currentColor}.editor-block-types-list__item:not(:disabled).is-active,.editor-block-types-list__item:not(:disabled):active,.editor-block-types-list__item:not(:disabled):focus{position:relative;outline:none;color:#191e23;box-shadow:0 0 0 2px #00a0d2;outline:2px solid transparent;outline-offset:-2px}.editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled).is-active .editor-block-types-list__item-title,.editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled):active .editor-block-types-list__item-title,.editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-icon,.editor-block-types-list__item:not(:disabled):focus .editor-block-types-list__item-title{color:currentColor}.editor-block-types-list__item-icon{padding:12px 20px;border-radius:4px;color:#555d66;transition:all .05s ease-in-out}.editor-block-types-list__item-icon .editor-block-icon{margin-left:auto;margin-right:auto}.editor-block-types-list__item-icon svg{transition:all .15s ease-out}.editor-block-types-list__item-title{padding:4px 2px 8px}.editor-block-types-list__item-has-children .editor-block-types-list__item-icon{background:#fff;margin-right:3px;margin-bottom:6px;padding:9px 20px;position:relative;top:-2px;left:-2px;box-shadow:0 0 0 1px #e2e4e7}.editor-block-types-list__item-has-children .editor-block-types-list__item-icon-stack{display:block;background:#fff;box-shadow:0 0 0 1px #e2e4e7;width:100%;height:100%;position:absolute;z-index:-1;bottom:-6px;right:-6px;border-radius:4px}.editor-media-placeholder__url-input-container{width:100%}.editor-media-placeholder__url-input-container .editor-media-placeholder__button{margin-bottom:0}.editor-media-placeholder__url-input-form{display:flex}.editor-media-placeholder__url-input-form input[type=url].editor-media-placeholder__url-input-field{width:100%;flex-grow:1;border:none;border-radius:0;margin:2px}@media (min-width:600px){.editor-media-placeholder__url-input-form input[type=url].editor-media-placeholder__url-input-field{width:300px}}.editor-media-placeholder__url-input-submit-button{flex-shrink:1}.editor-media-placeholder__button{margin-bottom:.5rem}.editor-media-placeholder__button .dashicon{vertical-align:middle;margin-bottom:3px}.editor-media-placeholder__button:hover{color:#23282d}.components-form-file-upload .editor-media-placeholder__button{margin-right:4px}.editor-multi-selection-inspector__card{display:flex;align-items:flex-start;margin:-16px;padding:16px}.editor-multi-selection-inspector__card-content{flex-grow:1}.editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.editor-multi-selection-inspector__card-description{font-size:13px}.editor-multi-selection-inspector__card .editor-block-icon{margin-left:-2px;margin-right:10px;padding:0 3px;width:36px;height:24px}.editor-page-attributes__template{margin-bottom:10px}.editor-page-attributes__order,.editor-page-attributes__template label,.editor-page-attributes__template select{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-panel-color-settings .component-color-indicator{vertical-align:text-bottom}.editor-panel-color-settings__panel-title .component-color-indicator{display:inline-block}.editor-panel-color-settings.is-opened .editor-panel-color-settings__panel-title .component-color-indicator{display:none}.block-editor .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%}.editor-post-excerpt__textarea{width:100%;margin-bottom:10px}.editor-post-featured-image{padding:0}.editor-post-featured-image .components-spinner{margin:0}.editor-post-featured-image .components-button+.components-button{margin-top:1em;margin-right:8px}.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 #00a0d2}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px #00a0d2}.editor-post-featured-image__toggle{border:1px dashed #a2aab2;background-color:#edeff0;line-height:20px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background-color:#f8f9f9}.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-icon-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:active,.components-icon-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:hover{border:none;box-shadow:none}.components-icon-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:focus{color:#191e23;border:none;box-shadow:none;outline-offset:-2px;outline:1px dotted #555d66}.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-permalink{display:inline-flex;align-items:center;background:#fff;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;height:40px;white-space:nowrap;border:1px solid rgba(145,151,162,.25);background-clip:padding-box;margin-left:-15px;margin-right:-15px}@media (min-width:600px){.editor-post-permalink{margin-left:-1px;margin-right:-1px}}.editor-post-permalink button{flex-shrink:0}.editor-post-permalink__copy{border-radius:4px;padding:6px}.editor-post-permalink__copy.is-copied{opacity:.3}.editor-post-permalink__label{margin:0 10px 0 5px;font-weight:600}.editor-post-permalink__link{color:#7e8993;text-decoration:underline;margin-right:10px;width:100%;overflow:hidden;position:relative;white-space:nowrap}.editor-post-permalink__link:after{content:"";display:block;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 90%);top:1px;bottom:1px;right:1px;left:auto;width:20%;height:auto}.editor-post-permalink-editor{width:100%;min-width:20%;display:inline-flex;align-items:center}.editor-post-permalink-editor .editor-post-permalink__editor-container{flex:0 1 100%;display:flex;overflow:hidden;padding:1px 0}.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix{flex:1 1 auto}@media (min-width:600px){.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix{flex:1 0 auto}}.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit{flex:1 1 100%}.editor-post-permalink-editor .editor-post-permalink-editor__save{margin-left:auto}.editor-post-permalink-editor__prefix{color:#6c7781;min-width:20%;overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis}.editor-post-permalink input[type=text].editor-post-permalink-editor__edit{min-width:10%;width:100%;margin:0 3px;padding:2px 4px}.editor-post-permalink-editor__suffix{color:#6c7781;margin-right:6px;flex:0 0 0%}.editor-post-publish-panel{background:#fff;color:#555d66}.editor-post-publish-panel__content{min-height:calc(100% - 140px)}.editor-post-publish-panel__content .components-spinner{display:block;float:none;margin:100px auto 0}.editor-post-publish-panel__header{background:#fff;padding-left:16px;height:56px;border-bottom:1px solid #e2e4e7;display:flex;align-items:center;align-content:space-between}.editor-post-publish-panel__header-publish-button{display:flex;justify-content:flex-end;flex-grow:1;text-align:right;flex-wrap:nowrap}.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{color:#007fac;font-weight:400;padding-left:4px;text-decoration:underline}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#191e23}.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 #e2e4e7;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:#e8eaeb;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;color:#a2aab2;overflow:hidden}.editor-post-saved-state.is-saving{animation:edit-post__loading-fade-animation .5s infinite}.editor-post-saved-state .dashicon{display:inline-block;flex:0 0 auto}.editor-post-saved-state{width:28px;white-space:nowrap;padding:12px 4px}.editor-post-saved-state .dashicon{margin-right:8px}@media (min-width:600px){.editor-post-saved-state{width:auto;padding:8px 12px;text-indent:inherit}.editor-post-saved-state .dashicon{margin-right:4px}}.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft{margin:0}@media (min-width:600px){.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon{display:none}}.editor-post-taxonomies__hierarchical-terms-list{max-height:14em;overflow:auto}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-input[type=checkbox]{margin-top:0}.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-text-editor{border:1px solid #e2e4e7;display:block;margin:0 0 2em;width:100%;box-shadow:none;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;font-size:14px;line-height:150%}.editor-post-text-editor:focus,.editor-post-text-editor:hover{border:1px solid #e2e4e7;box-shadow:none;outline:1px solid #e2e4e7;outline-offset:-2px}.editor-post-text-editor__toolbar{display:flex;flex-direction:row;flex-wrap:wrap}.editor-post-text-editor__toolbar button{height:30px;background:none;padding:0 8px;margin:3px 4px;text-align:center;cursor:pointer;font-family:Menlo,Consolas,monaco,monospace;color:#555d66;border:1px solid transparent}.editor-post-text-editor__toolbar button:first-child{margin-left:0}.editor-post-text-editor__toolbar button:focus,.editor-post-text-editor__toolbar button:hover{outline:none;border:1px solid #555d66}.editor-post-text-editor__bold{font-weight:600}.editor-post-text-editor__italic{font-style:italic}.editor-post-text-editor__link{text-decoration:underline;color:#0085ba}body.admin-color-sunrise .editor-post-text-editor__link{color:#d1864a}body.admin-color-ocean .editor-post-text-editor__link{color:#a3b9a2}body.admin-color-midnight .editor-post-text-editor__link{color:#e14d43}body.admin-color-ectoplasm .editor-post-text-editor__link{color:#a7b656}body.admin-color-coffee .editor-post-text-editor__link{color:#c2a68c}body.admin-color-blue .editor-post-text-editor__link{color:#82b4cb}body.admin-color-light .editor-post-text-editor__link{color:#0085ba}.editor-post-text-editor__del{text-decoration:line-through}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-fieldset{padding:0 4px 4px}.edit-post-post-visibility__dialog .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{margin-top:2px}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label{font-weight:600}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info{margin-top:0;margin-left:28px}.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info{margin-bottom:0}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input{margin-left:28px}.edit-post-post-visibility__dialog.components-popover.is-bottom{z-index:100001}.editor-post-title__block{position:relative;padding:5px 0;font-size:16px}@media (min-width:600px){.editor-post-title__block{padding:5px 2px}}.editor-post-title__block .editor-post-title__input{display:block;width:100%;margin:0;box-shadow:none;background:transparent;font-family:"Noto Serif",serif;line-height:1.4;color:#191e23;transition:border .1s ease-out;padding:19px 14px;word-break:keep-all;border-color:transparent;border-style:solid;border-width:1px 0;font-size:2.441em;font-weight:600}@media (min-width:600px){.editor-post-title__block .editor-post-title__input{border-width:1px}}.editor-post-title__block .editor-post-title__input::-webkit-input-placeholder{color:rgba(22,36,53,.55)}.editor-post-title__block .editor-post-title__input::-moz-placeholder{color:rgba(22,36,53,.55)}.editor-post-title__block .editor-post-title__input:-ms-input-placeholder{color:rgba(22,36,53,.55)}.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input{border-color:rgba(145,151,162,.25)}.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input{border-color:hsla(0,0%,100%,.3)}.editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#007cba}body.admin-color-sunrise .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#837425}body.admin-color-ocean .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#5e7d5e}body.admin-color-midnight .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#497b8d}body.admin-color-ectoplasm .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#523f6d}body.admin-color-coffee .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#59524c}body.admin-color-blue .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#417e9b}body.admin-color-light .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar) .editor-post-title__input:hover{border-color:#007cba}.editor-post-title__block.is-focus-mode .editor-post-title__input{opacity:.5;transition:opacity .1s linear}.editor-post-title__block.is-focus-mode .editor-post-title__input:focus{opacity:1}.editor-post-title .editor-post-permalink{font-size:13px;color:#191e23;position:absolute;top:-34px;left:0;right:0}@media (min-width:600px){.editor-post-title .editor-post-permalink{left:2px;right:2px}}.editor-post-trash.components-button{width:100%;color:#c92c2c;justify-content:center}.editor-post-trash.components-button:focus,.editor-post-trash.components-button:hover{color:#b52727}.editor-format-toolbar{display:flex;flex-shrink:0}.editor-format-toolbar__selection-position{position:absolute;transform:translateX(-50%)}.editor-rich-text{position:relative}.editor-rich-text__tinymce{margin:0;position:relative;line-height:1.8;white-space:pre-wrap}.editor-rich-text__tinymce>p:empty{min-height:28.8px}.editor-rich-text__tinymce>p:first-child{margin-top:0}.editor-rich-text__tinymce:focus{outline:none}.editor-rich-text__tinymce a{color:#007fac}.editor-rich-text__tinymce code{padding:2px;border-radius:2px;color:#23282d;background:#f3f4f5;font-family:Menlo,Consolas,monaco,monospace;font-size:inherit}.is-multi-selected .editor-rich-text__tinymce code{background:#67cffd}.editor-rich-text__tinymce:focus a[data-mce-selected],.editor-rich-text__tinymce:focus b[data-mce-selected],.editor-rich-text__tinymce:focus del[data-mce-selected],.editor-rich-text__tinymce:focus em[data-mce-selected],.editor-rich-text__tinymce:focus i[data-mce-selected],.editor-rich-text__tinymce:focus ins[data-mce-selected],.editor-rich-text__tinymce:focus strong[data-mce-selected],.editor-rich-text__tinymce:focus sub[data-mce-selected],.editor-rich-text__tinymce:focus sup[data-mce-selected]{padding:0 2px;margin:0 -2px;border-radius:2px;box-shadow:0 0 0 1px #e8eaeb;background:#e8eaeb;color:#191e23}.editor-rich-text__tinymce:focus a[data-mce-selected]{box-shadow:0 0 0 1px #e5f5fa;background:#e5f5fa;color:#006589}.editor-rich-text__tinymce:focus code[data-mce-selected]{background:#e8eaeb;box-shadow:0 0 0 1px #e8eaeb}.editor-rich-text__tinymce img[data-mce-selected]{outline:none}.editor-rich-text__tinymce img::-moz-selection{background:none!important}.editor-rich-text__tinymce img::selection{background:none!important}.editor-rich-text__tinymce[data-is-placeholder-visible=true]{position:absolute;top:0;width:100%;margin-top:0;height:100%}.editor-rich-text__tinymce[data-is-placeholder-visible=true]>p{margin-top:0}.editor-rich-text__tinymce+.editor-rich-text__tinymce{pointer-events:none}.editor-rich-text__tinymce+.editor-rich-text__tinymce,.editor-rich-text__tinymce+.editor-rich-text__tinymce p{opacity:.62}.editor-rich-text__tinymce[data-is-placeholder-visible=true]+figcaption.editor-rich-text__tinymce{opacity:.8}.editor-rich-text__inline-toolbar{display:flex;justify-content:center;position:absolute;top:-40px;line-height:0;left:0;right:0;z-index:1}.editor-rich-text__inline-toolbar ul.components-toolbar{box-shadow:0 2px 10px rgba(25,30,35,.1),0 0 2px rgba(25,30,35,.1)}.editor-skip-to-selected-block{position:absolute;top:-9999em}.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:#11a0d2;line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:none;z-index:100000}body.admin-color-sunrise .editor-skip-to-selected-block:focus{color:#c8b03c}body.admin-color-ocean .editor-skip-to-selected-block:focus{color:#a89d8a}body.admin-color-midnight .editor-skip-to-selected-block:focus{color:#77a6b9}body.admin-color-ectoplasm .editor-skip-to-selected-block:focus{color:#c77430}body.admin-color-coffee .editor-skip-to-selected-block:focus{color:#9fa47b}body.admin-color-blue .editor-skip-to-selected-block:focus{color:#d9ab59}body.admin-color-light .editor-skip-to-selected-block:focus{color:#c75726}.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content{min-width:380px}.table-of-contents__popover .components-popover__content{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__counts{display:flex;flex-wrap:wrap}.table-of-contents__count{width:25%;display:flex;flex-direction:column;font-size:13px;color:#6c7781}.table-of-contents__number,.table-of-contents__popover .word-count{font-size:21px;font-weight:400;line-height:30px;color:#555d66}.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}.components-popover .editor-url-input,.editor-block-list__block .editor-url-input,.editor-url-input{flex-grow:1;position:relative;padding:1px}.components-popover .editor-url-input input[type=text],.editor-block-list__block .editor-url-input input[type=text],.editor-url-input input[type=text]{width:100%;padding:8px;border:none;border-radius:0;margin-left:0;margin-right:0}@media (min-width:600px){.components-popover .editor-url-input input[type=text],.editor-block-list__block .editor-url-input input[type=text],.editor-url-input input[type=text]{width:300px}}.components-popover .editor-url-input input[type=text]::-ms-clear,.editor-block-list__block .editor-url-input input[type=text]::-ms-clear,.editor-url-input input[type=text]::-ms-clear{display:none}.components-popover .editor-url-input .components-spinner,.editor-block-list__block .editor-url-input .components-spinner,.editor-url-input .components-spinner{position:absolute;right:8px;top:9px;margin:0}.editor-url-input__suggestions{max-height:200px;transition:all .15s ease-in-out;padding:4px 0;width:302px;overflow-y:auto}.editor-url-input .components-spinner,.editor-url-input__suggestions{display:none}@media (min-width:600px){.editor-url-input .components-spinner,.editor-url-input__suggestions{display:inherit}}.editor-url-input__suggestion{padding:4px 8px;color:#6c7781;display:block;font-size:13px;cursor:pointer;background:#fff;width:100%;text-align:left;border:none;box-shadow:none}.editor-url-input__suggestion:hover{background:#e2e4e7}.editor-url-input__suggestion.is-selected,.editor-url-input__suggestion:focus{background:#00719e;color:#fff;outline:none}body.admin-color-sunrise .editor-url-input__suggestion.is-selected,body.admin-color-sunrise .editor-url-input__suggestion:focus{background:#b2723f}body.admin-color-ocean .editor-url-input__suggestion.is-selected,body.admin-color-ocean .editor-url-input__suggestion:focus{background:#8b9d8a}body.admin-color-midnight .editor-url-input__suggestion.is-selected,body.admin-color-midnight .editor-url-input__suggestion:focus{background:#bf4139}body.admin-color-ectoplasm .editor-url-input__suggestion.is-selected,body.admin-color-ectoplasm .editor-url-input__suggestion:focus{background:#8e9b49}body.admin-color-coffee .editor-url-input__suggestion.is-selected,body.admin-color-coffee .editor-url-input__suggestion:focus{background:#a58d77}body.admin-color-blue .editor-url-input__suggestion.is-selected,body.admin-color-blue .editor-url-input__suggestion:focus{background:#6f99ad}body.admin-color-light .editor-url-input__suggestion.is-selected,body.admin-color-light .editor-url-input__suggestion:focus{background:#00719e}.components-toolbar>.editor-url-input__button{position:inherit}.editor-url-input__button .editor-url-input__back{margin-right:4px;overflow:visible}.editor-url-input__button .editor-url-input__back:after{content:"";position:absolute;display:block;width:1px;height:24px;right:-1px;background:#e2e4e7}.editor-url-input__button-modal{box-shadow:0 3px 30px rgba(25,30,35,.1);border:1px solid #e2e4e7;background:#fff}.editor-url-input__button-modal-line{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0;align-items:flex-start}.editor-url-input__button-modal-line .components-button{flex-shrink:0;width:36px;height:36px}.editor-url-popover__row{display:flex}.editor-url-popover__row>:not(.editor-url-popover__settings-toggle){flex-grow:1}.editor-url-popover__settings-toggle{flex-shrink:0;width:36px;height:36px}.editor-url-popover__settings-toggle .dashicon{transform:rotate(90deg)}.editor-url-popover__settings{border-top:1px solid #e2e4e7;padding:8px 8px 7px}.editor-warning{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;background-color:#fff;border:1px solid #e2e4e7;text-align:left;padding:20px}.has-warning.is-multi-selected .editor-warning{background-color:transparent}.editor-warning .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}.editor-warning .editor-warning__contents{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center;width:100%}.editor-warning .editor-warning__actions{display:flex}.editor-warning .editor-warning__action{margin:0 6px 0 0}.editor-warning__secondary{margin:3px 0 0 -4px}.editor-warning__secondary .components-icon-button{width:auto;padding:8px 2px}@media (min-width:600px){.editor-warning__secondary{margin-left:4px}.editor-warning__secondary .components-icon-button{padding:8px 4px}}.editor-warning__secondary .components-button svg{transform:rotate(90deg)}.editor-writing-flow{height:100%;display:flex;flex-direction:column}.editor-writing-flow__click-redirect{flex-basis:100%;cursor:text} \ 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 index b3eea03962..4e8dd53231 100644 --- a/wp-includes/css/dist/format-library/style-rtl.css +++ b/wp-includes/css/dist/format-library/style-rtl.css @@ -1,44 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.editor-format-toolbar__link-container-content { - display: flex; } - -.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; } - .editor-format-toolbar__link-container-value.has-invalid-link { - color: #d94f4f; } +.editor-format-toolbar__link-container-content{display:flex}.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}.editor-format-toolbar__link-container-value.has-invalid-link{color:#d94f4f} \ 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 index b3eea03962..4e8dd53231 100644 --- a/wp-includes/css/dist/format-library/style.css +++ b/wp-includes/css/dist/format-library/style.css @@ -1,44 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.editor-format-toolbar__link-container-content { - display: flex; } - -.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; } - .editor-format-toolbar__link-container-value.has-invalid-link { - color: #d94f4f; } +.editor-format-toolbar__link-container-content{display:flex}.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}.editor-format-toolbar__link-container-value.has-invalid-link{color:#d94f4f} \ 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 index 2e2d81ea67..0095de1783 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style-rtl.css +++ b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css @@ -1,49 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.list-reusable-blocks-import-dropdown__content .components-popover__content { - padding: 10px; } - -.list-reusable-blocks-import-form__label { - display: block; - margin-bottom: 10px; } - -.list-reusable-blocks-import-form__button { - margin-top: 20px; - float: left; } - -.list-reusable-blocks-import-form .components-notice__content { - margin: 0; } - -.list-reusable-blocks__container { - display: inline-flex; - padding: 9px 0 4px; - align-items: center; - vertical-align: top; } +.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:20px;float:left}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks__container{display:inline-flex;padding:9px 0 4px;align-items:center;vertical-align:top} \ 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 index 96f0f4bf03..1fd75768e7 100644 --- a/wp-includes/css/dist/list-reusable-blocks/style.css +++ b/wp-includes/css/dist/list-reusable-blocks/style.css @@ -1,49 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.list-reusable-blocks-import-dropdown__content .components-popover__content { - padding: 10px; } - -.list-reusable-blocks-import-form__label { - display: block; - margin-bottom: 10px; } - -.list-reusable-blocks-import-form__button { - margin-top: 20px; - float: right; } - -.list-reusable-blocks-import-form .components-notice__content { - margin: 0; } - -.list-reusable-blocks__container { - display: inline-flex; - padding: 9px 0 4px; - align-items: center; - vertical-align: top; } +.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:20px;float:right}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks__container{display:inline-flex;padding:9px 0 4px;align-items:center;vertical-align:top} \ 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 index d4fbf87e67..1bbbccab32 100644 --- a/wp-includes/css/dist/nux/style-rtl.css +++ b/wp-includes/css/dist/nux/style-rtl.css @@ -1,115 +1 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.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); - height: 24px; - right: -12px; - top: -12px; - transform: scale(0.33333); - 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 { - padding: 5px 20px 5px 41px; - width: 350px; } - @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.is-top { - margin-top: -4px; } - -.nux-dot-tip.is-bottom { - margin-top: 4px; } - -.nux-dot-tip.is-middle.is-left { - margin-right: -4px; } - -.nux-dot-tip.is-middle.is-right { - margin-right: 4px; } - -.nux-dot-tip.is-top .components-popover__content { - margin-bottom: 20px; } - -.nux-dot-tip.is-bottom .components-popover__content { - margin-top: 20px; } - -.nux-dot-tip.is-middle.is-left .components-popover__content { - margin-left: 20px; } - -.nux-dot-tip.is-middle.is-right .components-popover__content { - margin-right: 20px; } - -.nux-dot-tip:not(.is-mobile).is-left, .nux-dot-tip:not(.is-mobile).is-center, .nux-dot-tip:not(.is-mobile).is-right { - z-index: 1000001; } - @media (max-width: 600px) { - .nux-dot-tip:not(.is-mobile).is-left .components-popover__content, .nux-dot-tip:not(.is-mobile).is-center .components-popover__content, .nux-dot-tip:not(.is-mobile).is-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(.is-mobile):not(.is-middle).is-right .components-popover__content { - margin-left: 0; } - -.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content { - margin-right: 0; } - -.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content { - margin-left: -12px; } - -.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content { - margin-right: -12px; } +.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);height:24px;right:-12px;top:-12px;transform:scale(.33333);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{padding:5px 20px 5px 41px;width:350px}@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.is-top{margin-top:-4px}.nux-dot-tip.is-bottom{margin-top:4px}.nux-dot-tip.is-middle.is-left{margin-right:-4px}.nux-dot-tip.is-middle.is-right{margin-right:4px}.nux-dot-tip.is-top .components-popover__content{margin-bottom:20px}.nux-dot-tip.is-bottom .components-popover__content{margin-top:20px}.nux-dot-tip.is-middle.is-left .components-popover__content{margin-left:20px}.nux-dot-tip.is-middle.is-right .components-popover__content{margin-right:20px}.nux-dot-tip:not(.is-mobile).is-center,.nux-dot-tip:not(.is-mobile).is-left,.nux-dot-tip:not(.is-mobile).is-right{z-index:1000001}@media (max-width:600px){.nux-dot-tip:not(.is-mobile).is-center .components-popover__content,.nux-dot-tip:not(.is-mobile).is-left .components-popover__content,.nux-dot-tip:not(.is-mobile).is-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(.is-mobile):not(.is-middle).is-right .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-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 index c9aae36edd..bfd4491e28 100644 --- a/wp-includes/css/dist/nux/style.css +++ b/wp-includes/css/dist/nux/style.css @@ -1,119 +1,5 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -.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); - height: 24px; - left: -12px; - top: -12px; - transform: scale(0.33333); - 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 { - padding: 5px 41px 5px 20px; - width: 350px; } - @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.is-top { - margin-top: -4px; } - -.nux-dot-tip.is-bottom { - margin-top: 4px; } - -.nux-dot-tip.is-middle.is-left { - margin-left: -4px; } - -.nux-dot-tip.is-middle.is-right { - margin-left: 4px; } - -.nux-dot-tip.is-top .components-popover__content { - margin-bottom: 20px; } - -.nux-dot-tip.is-bottom .components-popover__content { - margin-top: 20px; } - -.nux-dot-tip.is-middle.is-left .components-popover__content { - margin-right: 20px; } - -.nux-dot-tip.is-middle.is-right .components-popover__content { - margin-left: 20px; } - -.nux-dot-tip:not(.is-mobile).is-left, .nux-dot-tip:not(.is-mobile).is-center, .nux-dot-tip:not(.is-mobile).is-right { - z-index: 1000001; } - @media (max-width: 600px) { - .nux-dot-tip:not(.is-mobile).is-left .components-popover__content, .nux-dot-tip:not(.is-mobile).is-center .components-popover__content, .nux-dot-tip:not(.is-mobile).is-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(.is-mobile):not(.is-middle).is-right .components-popover__content { - /*!rtl:ignore*/ - margin-left: 0; } - -.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content { - /*!rtl:ignore*/ - margin-right: 0; } - -.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content { - /*!rtl:ignore*/ - margin-left: -12px; } - -.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content { - /*!rtl:ignore*/ - margin-right: -12px; } +.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);height:24px;left:-12px;top:-12px;transform:scale(.33333);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{padding:5px 41px 5px 20px;width:350px}@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.is-top{margin-top:-4px}.nux-dot-tip.is-bottom{margin-top:4px}.nux-dot-tip.is-middle.is-left{margin-left:-4px}.nux-dot-tip.is-middle.is-right{margin-left:4px}.nux-dot-tip.is-top .components-popover__content{margin-bottom:20px}.nux-dot-tip.is-bottom .components-popover__content{margin-top:20px}.nux-dot-tip.is-middle.is-left .components-popover__content{margin-right:20px}.nux-dot-tip.is-middle.is-right .components-popover__content{margin-left:20px}.nux-dot-tip:not(.is-mobile).is-center,.nux-dot-tip:not(.is-mobile).is-left,.nux-dot-tip:not(.is-mobile).is-right{z-index:1000001}@media (max-width:600px){.nux-dot-tip:not(.is-mobile).is-center .components-popover__content,.nux-dot-tip:not(.is-mobile).is-left .components-popover__content,.nux-dot-tip:not(.is-mobile).is-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(.is-mobile):not(.is-middle).is-right .components-popover__content{ + /*!rtl:ignore*/margin-left:0}.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{ + /*!rtl:ignore*/margin-right:0}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content{ + /*!rtl:ignore*/margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content{ + /*!rtl:ignore*/margin-right:-12px} \ No newline at end of file