diff --git a/css/block-editor.css b/css/block-editor.css new file mode 100644 index 00000000..78c1bdc6 --- /dev/null +++ b/css/block-editor.css @@ -0,0 +1,30 @@ +.rwmb-block-editor-wrapper { + margin: 12px 0; +} + +.rwmb-block-editor-wrapper .rwmb-block-editor-root { + position: relative; + min-height: 320px; + border: 1px solid #dcdcde; + border-radius: 4px; + background-color: #fff; + overflow: hidden; +} + +.rwmb-block-editor-root:empty::before { + content: attr(data-loading-label); + display: block; + padding: 24px; + color: #757575; + text-align: center; + font-style: italic; +} + +.rwmb-block-editor-wrapper .components-popover { + z-index: 1000000; +} + +.rwmb-block-editor-wrapper .components-modal__screen-overlay { + z-index: 1000001; +} + diff --git a/css/isolated-block-editor-core.css b/css/isolated-block-editor-core.css new file mode 100644 index 00000000..be30ebf6 --- /dev/null +++ b/css/isolated-block-editor-core.css @@ -0,0 +1,17369 @@ +@charset "UTF-8"; +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color--rgb: 56, 88, 233; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-animate__appear { + animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-animate__appear { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { + transform-origin: top left; +} +.components-animate__appear.is-from-top.is-from-right { + transform-origin: top right; +} +.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { + transform-origin: bottom left; +} +.components-animate__appear.is-from-bottom.is-from-right { + transform-origin: bottom right; +} + +@keyframes components-animate__appear-animation { + from { + transform: translateY(-2em) scaleY(0) scaleX(0); + } + to { + transform: translateY(0%) scaleY(1) scaleX(1); + } +} +.components-animate__slide-in { + animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-animate__slide-in { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-animate__slide-in.is-from-left { + transform: translateX(100%); +} +.components-animate__slide-in.is-from-right { + transform: translateX(-100%); +} + +@keyframes components-animate__slide-in-animation { + 100% { + transform: translateX(0%); + } +} +.components-animate__loading { + animation: components-animate__loading 1.6s ease-in-out infinite; +} + +@keyframes components-animate__loading { + 0% { + opacity: 0.5; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0.5; + } +} +.components-autocomplete__popover .components-popover__content { + padding: 16px; + min-width: 220px; +} + +.components-autocomplete__result.components-button { + display: flex; + height: auto; + min-height: 36px; + text-align: left; + width: 100%; +} +.components-autocomplete__result.components-button.is-selected { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} + +.components-button-group { + display: inline-block; +} +.components-button-group .components-button { + border-radius: 0; + display: inline-flex; + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.components-button-group .components-button + .components-button { + margin-left: -1px; +} +.components-button-group .components-button:first-child { + border-radius: 2px 0 0 2px; +} +.components-button-group .components-button:last-child { + border-radius: 0 2px 2px 0; +} +.components-button-group .components-button:focus, .components-button-group .components-button.is-primary { + position: relative; + z-index: 1; +} +.components-button-group .components-button.is-primary { + box-shadow: inset 0 0 0 1px #1e1e1e; +} + +.components-button { + display: inline-flex; + text-decoration: none; + font-family: inherit; + font-weight: normal; + font-size: 13px; + margin: 0; + border: 0; + cursor: pointer; + -webkit-appearance: none; + background: none; + transition: box-shadow 0.1s linear; + height: 36px; + align-items: center; + box-sizing: border-box; + padding: 6px 12px; + border-radius: 2px; + color: var(--wp-components-color-foreground, #1e1e1e); + /** + * Primary button style. + */ + /** + * Secondary and tertiary buttons. + */ + /** + * Secondary button style. + */ + /** + * Tertiary buttons. + */ + /** + * Destructive buttons. + */ + /** + * Link buttons. + */ +} +@media (prefers-reduced-motion: reduce) { + .components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.is-next-40px-default-size { + height: 40px; +} +.components-button[aria-expanded=true], .components-button:hover { + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button:disabled:hover, .components-button[aria-disabled=true]:hover { + color: initial; +} +.components-button:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 3px solid transparent; +} +.components-button.is-primary { + white-space: nowrap; + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color: var(--wp-components-color-accent-inverted, #fff); + text-decoration: none; + text-shadow: none; + outline: 1px solid transparent; +} +.components-button.is-primary:hover:not(:disabled) { + background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); + color: var(--wp-components-color-accent-inverted, #fff); +} +.components-button.is-primary:active:not(:disabled) { + background: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); + border-color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); + color: var(--wp-components-color-accent-inverted, #fff); +} +.components-button.is-primary:focus:not(:disabled) { + box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { + color: rgba(255, 255, 255, 0.4); + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + opacity: 1; + outline: none; +} +.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { + box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { + color: var(--wp-components-color-accent-inverted, #fff); + background-size: 100px 100%; + /* stylelint-disable */ + background-image: linear-gradient(-45deg, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 33%, var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)) 70%, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 70%); + /* stylelint-enable */ + border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-button.is-secondary, .components-button.is-tertiary { + outline: 1px solid transparent; +} +.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { + box-shadow: none; +} +.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { + color: #949494; + background: transparent; + transform: none; + opacity: 1; +} +.components-button.is-secondary { + box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 1px solid transparent; + white-space: nowrap; + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + background: transparent; +} +.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true]) { + box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); +} +.components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus) { + box-shadow: inset 0 0 0 1px #ddd; +} +.components-button.is-tertiary { + white-space: nowrap; + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + background: transparent; +} +.components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) { + /* stylelint-disable-next-line declaration-property-value-disallowed-list */ + background: rgba(var(--wp-admin-theme-color--rgb), 0.04); +} +.components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) { + /* stylelint-disable-next-line declaration-property-value-disallowed-list */ + background: rgba(var(--wp-admin-theme-color--rgb), 0.08); +} +p + .components-button.is-tertiary { + margin-left: -6px; +} +.components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) { + box-shadow: none; + outline: none; +} +.components-button.is-destructive { + --wp-components-color-accent: #cc1818; + --wp-components-color-accent-darker-10: #9e1313; + --wp-components-color-accent-darker-20: #710d0d; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link) { + color: #cc1818; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled) { + color: #710d0d; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #cc1818; +} +.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled) { + background: #ccc; +} +.components-button.is-link { + margin: 0; + padding: 0; + box-shadow: none; + border: 0; + border-radius: 0; + background: none; + outline: none; + text-align: left; + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + text-decoration: underline; + transition-property: border, background, color; + transition-duration: 0.05s; + transition-timing-function: ease-in-out; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-button.is-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.is-link:focus { + border-radius: 2px; +} +.components-button:not(:disabled, [aria-disabled=true]):active { + color: var(--wp-components-color-foreground, #1e1e1e); +} +.components-button:disabled, .components-button[aria-disabled=true] { + cursor: default; + opacity: 0.3; +} +.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { + animation: components-button__busy-animation 2500ms infinite linear; + opacity: 1; + background-size: 100px 100%; + /* stylelint-disable */ + background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); + /* stylelint-enable */ +} +@media (prefers-reduced-motion: reduce) { + .components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { + animation-duration: 0s; + } +} +.components-button.is-compact { + height: 32px; +} +.components-button.is-compact.has-icon:not(.has-text) { + padding: 0; + width: 32px; + min-width: 32px; +} +.components-button.is-small { + height: 24px; + line-height: 22px; + padding: 0 8px; + font-size: 11px; +} +.components-button.is-small.has-icon:not(.has-text) { + padding: 0; + width: 24px; + min-width: 24px; +} +.components-button.has-icon { + padding: 6px; + min-width: 36px; + justify-content: center; +} +.components-button.has-icon.is-next-40px-default-size { + min-width: 40px; +} +.components-button.has-icon .dashicon { + display: inline-flex; + justify-content: center; + align-items: center; + padding: 2px; + box-sizing: content-box; +} +.components-button.has-icon.has-text { + justify-content: start; + padding-right: 12px; + padding-left: 8px; + gap: 4px; +} +.components-button.is-pressed { + color: var(--wp-components-color-foreground-inverted, #fff); + background: var(--wp-components-color-foreground, #1e1e1e); +} +.components-button.is-pressed:focus:not(:disabled) { + box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 2px solid transparent; +} +.components-button.is-pressed:hover:not(:disabled) { + color: var(--wp-components-color-foreground-inverted, #fff); + background: var(--wp-components-color-foreground, #1e1e1e); +} +.components-button svg { + fill: currentColor; + outline: none; +} +@media (forced-colors: active) { + .components-button svg { + fill: CanvasText; + } +} +.components-button .components-visually-hidden { + height: auto; +} + +@keyframes components-button__busy-animation { + 0% { + background-position: 200px 0; + } +} +.components-checkbox-control__input[type=checkbox] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-right: 12px; + transition: none; + border-radius: 2px; + background: #fff; + color: #1e1e1e; + clear: none; + cursor: pointer; + display: inline-block; + line-height: 0; + margin: 0 4px 0 0; + outline: 0; + padding: 0 !important; + text-align: center; + vertical-align: top; + width: 24px; + height: 24px; + -webkit-appearance: none; + appearance: none; + transition: 0.1s border-color ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-checkbox-control__input[type=checkbox] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-checkbox-control__input[type=checkbox] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-checkbox-control__input[type=checkbox]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check { + opacity: 0; +} +.components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + margin: -3px -5px; + color: #fff; +} +@media (min-width: 782px) { + .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + margin: -4px 0 0 -5px; + } +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed] { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + content: ""; + float: left; + display: inline-block; + vertical-align: middle; + width: 16px; + /* stylelint-disable */ + font: normal 30px/1 dashicons; + /* stylelint-enable */ + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@media (min-width: 782px) { + .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + float: none; + font-size: 21px; + } +} +.components-checkbox-control__input[type=checkbox][aria-disabled=true], .components-checkbox-control__input[type=checkbox]:disabled { + background: #f0f0f0; + border-color: #ddd; + cursor: default; + opacity: 1; +} +@media (min-width: 600px) { + .components-checkbox-control__input[type=checkbox] { + height: 20px; + width: 20px; + } +} +@media (prefers-reduced-motion: reduce) { + .components-checkbox-control__input[type=checkbox] { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-checkbox-control__input[type=checkbox]:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: 2px; +} +.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate { + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check { + opacity: 0; +} +.components-checkbox-control__input[type=checkbox]:checked::before { + content: none; +} + +.components-checkbox-control__input-container { + position: relative; + display: inline-block; + margin-right: 12px; + vertical-align: middle; + width: 24px; + height: 24px; +} +@media (min-width: 600px) { + .components-checkbox-control__input-container { + width: 20px; + height: 20px; + } +} + +svg.components-checkbox-control__checked, +svg.components-checkbox-control__indeterminate { + fill: #fff; + cursor: pointer; + position: absolute; + left: 0; + top: 0; + width: 24px; + height: 24px; + -webkit-user-select: none; + user-select: none; + pointer-events: none; +} +@media (min-width: 600px) { + svg.components-checkbox-control__checked, +svg.components-checkbox-control__indeterminate { + left: -2px; + top: -2px; + } +} + +.components-circular-option-picker { + display: inline-block; + width: 100%; + min-width: 188px; +} +.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + display: flex; + justify-content: flex-end; + margin-top: 12px; +} +.components-circular-option-picker .components-circular-option-picker__swatches { + display: flex; + flex-wrap: wrap; + gap: 12px; + position: relative; + z-index: 1; +} +.components-circular-option-picker > *:not(.components-circular-option-picker__swatches) { + position: relative; + z-index: 0; +} + +.components-circular-option-picker__option-wrapper { + display: inline-block; + height: 28px; + width: 28px; + vertical-align: top; + transform: scale(1); + transition: 100ms transform ease; + will-change: transform; +} +@media (prefers-reduced-motion: reduce) { + .components-circular-option-picker__option-wrapper { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-circular-option-picker__option-wrapper:hover { + transform: scale(1.2); +} +.components-circular-option-picker__option-wrapper > div { + height: 100%; + width: 100%; +} + +.components-circular-option-picker__option-wrapper::before { + content: ""; + position: absolute; + top: 1px; + left: 1px; + bottom: 1px; + right: 1px; + border-radius: 50%; + z-index: -1; + /* stylelint-disable-next-line function-url-quotes */ + background: url("data:image/svg+xml,%3Csvg width=\"28\" height=\"28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z\" fill=\"%23555D65\"/%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z\" fill=\"%23555D65\"/%3E%3Cpath d=\"M18 18v2h-2v-2h2z\" fill=\"%23555D65\"/%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z\" fill=\"%23555D65\"/%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z\" fill=\"%23555D65\"/%3E%3C/svg%3E"); +} + +.components-circular-option-picker__option { + display: inline-block; + vertical-align: top; + height: 100%; + width: 100%; + border: none; + border-radius: 50%; + background: transparent; + box-shadow: inset 0 0 0 14px; + transition: 100ms box-shadow ease; + cursor: pointer; +} +@media (prefers-reduced-motion: reduce) { + .components-circular-option-picker__option { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-circular-option-picker__option:hover { + box-shadow: inset 0 0 0 14px !important; +} +.components-circular-option-picker__option[aria-pressed=true], .components-circular-option-picker__option[aria-selected=true] { + box-shadow: inset 0 0 0 4px; + position: relative; + z-index: 1; + overflow: visible; +} +.components-circular-option-picker__option[aria-pressed=true] + svg, .components-circular-option-picker__option[aria-selected=true] + svg { + position: absolute; + left: 2px; + top: 2px; + border-radius: 50%; + z-index: 2; + pointer-events: none; +} +.components-circular-option-picker__option::after { + content: ""; + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; + box-sizing: inherit; +} +.components-circular-option-picker__option:focus::after { + content: ""; + border-radius: 50%; + box-shadow: inset 0 0 0 2px #fff; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + border: 2px solid #757575; + width: calc(100% + 4px); + height: calc(100% + 4px); +} +.components-circular-option-picker__option.components-button:focus { + background-color: transparent; + box-shadow: inset 0 0 0 14px; + outline: none; +} + +.components-circular-option-picker__button-action .components-circular-option-picker__option { + color: #fff; + background: #fff; +} + +.components-circular-option-picker__dropdown-link-action { + margin-right: 16px; +} +.components-circular-option-picker__dropdown-link-action .components-button { + line-height: 22px; +} + +.components-palette-edit__popover-gradient-picker { + width: 260px; + padding: 8px; +} + +.components-dropdown-menu__menu .components-palette-edit__menu-button { + width: 100%; +} + +.component-color-indicator { + width: 20px; + height: 20px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 50%; + display: inline-block; + padding: 0; + background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +} + +.components-combobox-control { + width: 100%; +} + +input.components-combobox-control__input[type=text] { + width: 100%; + border: none; + box-shadow: none; + font-family: inherit; + font-size: 16px; + padding: 2px; + margin: 0; + line-height: inherit; + min-height: auto; +} +@media (min-width: 600px) { + input.components-combobox-control__input[type=text] { + font-size: 13px; + } +} +input.components-combobox-control__input[type=text]:focus { + outline: none; + box-shadow: none; +} + +.components-combobox-control__suggestions-container { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + width: 100%; + padding: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-combobox-control__suggestions-container { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-combobox-control__suggestions-container { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-combobox-control__suggestions-container:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-combobox-control__suggestions-container::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container:focus-within { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.components-combobox-control__reset.components-button { + display: flex; + height: 16px; + min-width: 16px; + padding: 0; +} + +.components-color-palette__custom-color-wrapper { + position: relative; + z-index: 0; +} + +.components-color-palette__custom-color-button { + position: relative; + border: none; + background: none; + height: 64px; + width: 100%; + box-sizing: border-box; + cursor: pointer; + outline: 1px solid transparent; + border-radius: 2px 2px 0 0; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); +} +.components-color-palette__custom-color-button:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline-width: 2px; +} +.components-color-palette__custom-color-button::after { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + /*rtl:begin:ignore*/ + background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); + background-position: 0 0, 24px 24px; + /*rtl:end:ignore*/ + background-size: calc(2 * 24px) calc(2 * 24px); +} + +.components-color-palette__custom-color-text-wrapper { + padding: 12px 16px; + border-radius: 0 0 2px 2px; + position: relative; + font-size: 13px; + box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), inset 1px 0 0 0 rgba(0, 0, 0, 0.2), inset -1px 0 0 0 rgba(0, 0, 0, 0.2); +} + +.components-color-palette__custom-color-name { + color: var(--wp-components-color-foreground, #1e1e1e); + margin: 0 1px; +} + +.components-color-palette__custom-color-value { + color: #757575; +} +.components-color-palette__custom-color-value--is-hex { + text-transform: uppercase; +} +.components-color-palette__custom-color-value:empty::after { + content: ""; + visibility: hidden; +} + +.components-custom-gradient-picker__gradient-bar { + border-radius: 2px; + width: 100%; + height: 48px; + position: relative; + z-index: 1; +} +.components-custom-gradient-picker__gradient-bar.has-gradient { + /*rtl:begin:ignore*/ + background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0); + background-position: 0 0, 12px 12px; + /*rtl:end:ignore*/ + background-size: calc(2 * 12px) calc(2 * 12px); +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background { + position: absolute; + inset: 0; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { + position: relative; + width: calc(100% - 48px); + margin-left: auto; + margin-right: auto; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown { + position: absolute; + height: 16px; + width: 16px; + top: 16px; + display: flex; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown { + position: relative; + height: inherit; + width: inherit; + min-width: 16px; + border-radius: 50%; + background: #fff; + padding: 2px; + color: #1e1e1e; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg { + height: 100%; + width: 100%; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { + height: inherit; + width: inherit; + border-radius: 50%; + padding: 0; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); + outline: 2px solid transparent; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { + box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus) * 2) #fff, 0 0 2px 0 rgba(0, 0, 0, 0.25); + outline: 1.5px solid transparent; +} + +.components-custom-gradient-picker__remove-control-point-wrapper { + padding-bottom: 8px; +} + +.components-custom-gradient-picker__inserter { + /*rtl:ignore*/ + direction: ltr; +} + +.components-custom-gradient-picker__liner-gradient-indicator { + display: inline-block; + flex: 0 auto; + width: 20px; + height: 20px; +} + +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar { + border: none; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { + margin-left: 1px; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { + background: #fff; + border: 1px solid #949494; + border-radius: 2px; +} + +.components-custom-gradient-picker__ui-line { + position: relative; + z-index: 0; +} + +.components-custom-select-control { + position: relative; + font-size: 13px; +} + +.components-custom-select-control__button { + position: relative; + text-align: left; + outline: 0; +} + +.components-custom-select-control__hint { + color: #949494; + margin-left: 10px; +} + +.components-custom-select-control__menu { + border: 1px solid #1e1e1e; + background-color: #fff; + border-radius: 2px; + outline: none; + transition: none; + max-height: 400px; + min-width: 100%; + overflow: auto; + padding: 0; + position: absolute; + z-index: 1000000; +} +.components-custom-select-control__menu[aria-hidden=true] { + display: none; +} + +.components-custom-select-control__item { + align-items: center; + display: grid; + grid-template-columns: auto auto; + list-style-type: none; + padding: 8px 16px; + cursor: default; + line-height: 28px; +} +.components-custom-select-control__item:not(.is-next-40px-default-size) { + padding: 8px; +} +.components-custom-select-control__item.has-hint { + grid-template-columns: auto auto 30px; +} +.components-custom-select-control__item.is-highlighted { + background: #ddd; +} +.components-custom-select-control__item .components-custom-select-control__item-hint { + color: #949494; + text-align: right; + padding-right: 4px; +} +.components-custom-select-control__item .components-custom-select-control__item-icon { + margin-left: auto; +} +.components-custom-select-control__item:last-child { + margin-bottom: 0; +} + +.block-editor-dimension-control .components-base-control__field { + display: flex; + align-items: center; +} +.block-editor-dimension-control .components-base-control__label { + display: flex; + align-items: center; + margin-right: 1em; + margin-bottom: 0; +} +.block-editor-dimension-control .components-base-control__label .dashicon { + margin-right: 0.5em; +} +.block-editor-dimension-control.is-manual .components-base-control__label { + width: 10em; +} + +body.is-dragging-components-draggable { + cursor: move; + /* Fallback for IE/Edge < 14 */ + cursor: grabbing !important; +} + +.components-draggable__invisible-drag-image { + position: fixed; + left: -1000px; + height: 50px; + width: 50px; +} + +.components-draggable__clone { + position: fixed; + padding: 0; + background: transparent; + pointer-events: none; + z-index: 1000000000; +} + +.components-drop-zone { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 40; + visibility: hidden; + opacity: 0; + border-radius: 2px; +} +.components-drop-zone.is-active { + opacity: 1; + visibility: visible; +} + +.components-drop-zone__content { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + display: flex; + background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + align-items: center; + justify-content: center; + z-index: 50; + text-align: center; + color: #fff; +} + +.components-drop-zone__content-icon, +.components-drop-zone__content-text { + display: block; +} + +.components-drop-zone__content-icon { + margin: 0 auto 8px; + line-height: 0; + fill: currentColor; + pointer-events: none; +} + +.components-drop-zone__content-text { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.components-dropdown { + display: inline-block; +} + +.components-dropdown__content .components-popover__content { + padding: 8px; +} +.components-dropdown__content [role=menuitem] { + white-space: nowrap; +} + +.components-dropdown-menu__toggle { + vertical-align: top; +} + +.components-dropdown-menu__menu { + width: 100%; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 1.4; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item, +.components-dropdown-menu__menu .components-menu-item { + width: 100%; + padding: 6px; + outline: none; + cursor: pointer; + white-space: nowrap; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, +.components-dropdown-menu__menu .components-menu-item.has-separator { + margin-top: 6px; + position: relative; + overflow: visible; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, +.components-dropdown-menu__menu .components-menu-item.has-separator::before { + display: block; + content: ""; + box-sizing: content-box; + background-color: #ddd; + position: absolute; + top: -3px; + left: 0; + right: 0; + height: 1px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon, +.components-dropdown-menu__menu .components-menu-item.is-active svg, +.components-dropdown-menu__menu .components-menu-item.is-active .dashicon { + color: #fff; + background: #1e1e1e; + box-shadow: 0 0 0 1px #1e1e1e; + border-radius: 1px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only, +.components-dropdown-menu__menu .components-menu-item.is-icon-only { + width: auto; +} +.components-dropdown-menu__menu .components-menu-item__button, +.components-dropdown-menu__menu .components-menu-item__button.components-button { + min-height: 36px; + height: auto; + text-align: left; + padding-left: 8px; + padding-right: 8px; +} +.components-dropdown-menu__menu .components-menu-group { + padding: 8px; + margin-top: 0; + margin-bottom: 0; + margin-left: -8px; + margin-right: -8px; +} +.components-dropdown-menu__menu .components-menu-group:first-child { + margin-top: -8px; +} +.components-dropdown-menu__menu .components-menu-group:last-child { + margin-bottom: -8px; +} +.components-dropdown-menu__menu .components-menu-group + .components-menu-group { + margin-top: 0; + border-top: 1px solid #ccc; + padding: 8px; +} +.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { + border-color: #1e1e1e; +} + +.components-duotone-picker__color-indicator::before { + background: transparent; +} + +.components-duotone-picker__color-indicator > .components-button { + background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); + color: transparent; +} +.components-duotone-picker__color-indicator > .components-button.is-pressed:hover:not(:disabled) { + background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); + color: transparent; +} +.components-duotone-picker__color-indicator > .components-button:not([aria-disabled=true]):active { + color: transparent; +} + +.components-color-list-picker, +.components-color-list-picker__swatch-button { + width: 100%; +} + +.components-color-list-picker__color-picker { + margin: 8px 0; +} + +.components-color-list-picker__swatch-button { + padding: 6px; +} + +.components-color-list-picker__swatch-color { + margin: 2px; +} + +.components-form-toggle { + position: relative; + display: inline-block; +} +.components-form-toggle .components-form-toggle__track { + position: relative; + content: ""; + display: inline-block; + box-sizing: border-box; + vertical-align: top; + background-color: #fff; + border: 1px solid #1e1e1e; + width: 36px; + height: 18px; + border-radius: 9px; + transition: 0.2s background-color ease, 0.2s border-color ease; + overflow: hidden; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__track { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle .components-form-toggle__track::after { + content: ""; + position: absolute; + inset: 0; + box-sizing: border-box; + border-top: 18px solid transparent; + transition: 0.2s opacity ease; + opacity: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__track::after { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle .components-form-toggle__thumb { + display: block; + position: absolute; + box-sizing: border-box; + top: 3px; + left: 3px; + width: 12px; + height: 12px; + border-radius: 50%; + transition: 0.2s transform ease, 0.2s background-color ease-out; + background-color: #1e1e1e; + border: 6px solid transparent; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__thumb { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle.is-checked .components-form-toggle__track { + background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-form-toggle.is-checked .components-form-toggle__track::after { + opacity: 1; +} +.components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 2px solid transparent; + outline-offset: 2px; +} +.components-form-toggle.is-checked .components-form-toggle__thumb { + background-color: #fff; + border-width: 0; + transform: translateX(18px); +} +.components-form-toggle.is-disabled, .components-disabled .components-form-toggle { + opacity: 0.3; +} + +.components-form-toggle input.components-form-toggle__input[type=checkbox] { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + margin: 0; + padding: 0; + z-index: 1; + border: none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { + background: none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]::before { + content: ""; +} + +.components-form-token-field__input-container { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + width: 100%; + padding: 0; + cursor: text; +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__input-container { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-form-token-field__input-container { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-form-token-field__input-container:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-form-token-field__input-container::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container.is-disabled { + background: #ddd; + border-color: #ddd; +} +.components-form-token-field__input-container.is-active { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input { + display: inline-block; + flex: 1; + font-family: inherit; + font-size: 16px; + width: 100%; + max-width: 100%; + margin-left: 4px; + padding: 0; + min-height: 24px; + min-width: 50px; + background: inherit; + border: 0; + color: #1e1e1e; + box-shadow: none; +} +@media (min-width: 600px) { + .components-form-token-field__input-container input[type=text].components-form-token-field__input { + font-size: 13px; + } +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { + outline: none; + box-shadow: none; +} +.components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { + width: auto; +} + +.components-form-token-field__token { + font-size: 13px; + display: flex; + color: #1e1e1e; + max-width: 100%; +} +.components-form-token-field__token.is-success .components-form-token-field__token-text, +.components-form-token-field__token.is-success .components-form-token-field__remove-token { + background: #4ab866; +} +.components-form-token-field__token.is-error .components-form-token-field__token-text, +.components-form-token-field__token.is-error .components-form-token-field__remove-token { + background: #cc1818; +} +.components-form-token-field__token.is-validating .components-form-token-field__token-text, +.components-form-token-field__token.is-validating .components-form-token-field__remove-token { + color: #757575; +} +.components-form-token-field__token.is-borderless { + position: relative; + padding: 0 24px 0 0; +} +.components-form-token-field__token.is-borderless .components-form-token-field__token-text { + background: transparent; + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-form-token-field__token.is-borderless .components-form-token-field__remove-token { + background: transparent; + color: #757575; + position: absolute; + top: 1px; + right: 0; + padding: 0; +} +.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { + color: #4ab866; +} +.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { + color: #cc1818; + border-radius: 4px 0 0 4px; + padding: 0 4px 0 6px; +} +.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { + color: #1e1e1e; +} +.components-form-token-field__token.is-disabled .components-form-token-field__remove-token { + cursor: default; +} + +.components-form-token-field__token-text, +.components-form-token-field__remove-token.components-button { + display: inline-block; + line-height: 24px; + height: auto; + background: #ddd; + min-width: unset; + transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__token-text, +.components-form-token-field__remove-token.components-button { + transition-duration: 0s; + transition-delay: 0s; + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-form-token-field__token-text { + border-radius: 2px 0 0 2px; + padding: 0 0 0 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.components-form-token-field__remove-token.components-button { + cursor: pointer; + border-radius: 0 2px 2px 0; + padding: 0 2px; + color: #1e1e1e; + line-height: 10px; + overflow: initial; +} +.components-form-token-field__remove-token.components-button:hover { + color: #1e1e1e; +} + +.components-form-token-field__suggestions-list { + flex: 1 0 100%; + min-width: 100%; + max-height: 128px; + overflow-y: auto; + transition: all 0.15s ease-in-out; + list-style: none; + box-shadow: inset 0 1px 0 0 #949494; + margin: 0; + padding: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__suggestions-list { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-form-token-field__suggestion { + color: #1e1e1e; + display: block; + font-size: 13px; + padding: 8px 12px; + min-height: 32px; + margin: 0; + cursor: pointer; + box-sizing: border-box; +} +.components-form-token-field__suggestion.is-selected { + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + color: #fff; +} + +@media (min-width: 600px) { + .components-guide { + width: 600px; + } +} +.components-guide .components-modal__content { + padding: 0; + margin-top: 0; + border-radius: 2px; +} +.components-guide .components-modal__content::before { + content: none; +} +.components-guide .components-modal__header { + border-bottom: none; + padding: 0; + position: sticky; + height: 60px; +} +.components-guide .components-modal__header .components-button { + align-self: flex-start; + margin: 8px 8px 0 0; + position: static; +} +.components-guide .components-modal__header .components-button:hover svg { + fill: #fff; +} +.components-guide__container { + display: flex; + flex-direction: column; + justify-content: space-between; + margin-top: -60px; + min-height: 100%; +} +.components-guide__page { + display: flex; + flex-direction: column; + justify-content: center; + position: relative; +} +@media (min-width: 600px) { + .components-guide__page { + min-height: 300px; + } +} +.components-guide__footer { + align-content: center; + display: flex; + height: 36px; + justify-content: center; + margin: 0 0 24px 0; + padding: 0 32px; + position: relative; + width: 100%; +} +.components-guide__page-control { + margin: 0; + text-align: center; +} +.components-guide__page-control li { + display: inline-block; + margin: 0; +} +.components-guide__page-control .components-button { + height: 30px; + min-width: 20px; + margin: -6px 0; + color: #e0e0e0; +} +.components-guide__page-control li[aria-current=step] .components-button { + color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} + +.components-modal__frame.components-guide { + border: none; + min-width: 312px; + max-height: 575px; +} +@media (max-width: 600px) { + .components-modal__frame.components-guide { + margin: auto; + max-width: calc(100vw - 16px * 2); + } +} + +.components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { + position: absolute; +} +.components-button.components-guide__back-button { + left: 32px; +} +.components-button.components-guide__forward-button, .components-button.components-guide__finish-button { + right: 32px; +} + +[role=region] { + position: relative; +} + +.is-focusing-regions [role=region]:focus::after { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ""; + pointer-events: none; + outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline-offset: -4px; + z-index: 1000000; +} +.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header, +.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel, +.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel, +.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel, +.is-focusing-regions .editor-post-publish-panel { + outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline-offset: -4px; +} + +.components-menu-group + .components-menu-group { + margin-top: 8px; + padding-top: 8px; + border-top: 1px solid #1e1e1e; +} +.components-menu-group + .components-menu-group.has-hidden-separator { + border-top: none; + margin-top: 0; + padding-top: 0; +} + +.components-menu-group__label { + padding: 0 8px; + margin-top: 4px; + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; + white-space: nowrap; +} + +.components-menu-item__button, +.components-menu-item__button.components-button { + width: 100%; +} +.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child, .components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child, +.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child, +.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child { + padding-right: 48px; + box-sizing: initial; +} +.components-menu-item__button .components-menu-items__item-icon, +.components-menu-item__button.components-button .components-menu-items__item-icon { + display: inline-block; + flex: 0 0 auto; +} +.components-menu-item__button .components-menu-items__item-icon.has-icon-right, +.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right { + margin-right: -2px; + margin-left: 24px; +} +.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right, +.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon.has-icon-right { + margin-left: 8px; +} +.components-menu-item__button .block-editor-block-icon, +.components-menu-item__button.components-button .block-editor-block-icon { + margin-left: -2px; + margin-right: 8px; +} +.components-menu-item__button.is-primary, +.components-menu-item__button.components-button.is-primary { + justify-content: center; +} +.components-menu-item__button.is-primary .components-menu-item__item, +.components-menu-item__button.components-button.is-primary .components-menu-item__item { + margin-right: 0; +} +.components-menu-item__button:disabled.is-tertiary, .components-menu-item__button[aria-disabled=true].is-tertiary, +.components-menu-item__button.components-button:disabled.is-tertiary, +.components-menu-item__button.components-button[aria-disabled=true].is-tertiary { + background: none; + color: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6)); + opacity: 0.3; +} + +.components-menu-item__info-wrapper { + display: flex; + flex-direction: column; + margin-right: auto; +} + +.components-menu-item__info { + margin-top: 4px; + font-size: 12px; + color: #757575; + white-space: normal; +} + +.components-menu-item__item { + white-space: nowrap; + min-width: 160px; + margin-right: auto; + display: inline-flex; + align-items: center; +} + +.components-menu-item__shortcut { + align-self: center; + margin-right: 0; + margin-left: auto; + padding-left: 24px; + color: currentColor; + display: none; +} +@media (min-width: 480px) { + .components-menu-item__shortcut { + display: inline; + } +} + +.components-menu-items-choice svg, +.components-menu-items-choice.components-button svg { + margin-right: 12px; +} +.components-menu-items-choice.has-icon, +.components-menu-items-choice.components-button.has-icon { + padding-left: 12px; +} + +.components-modal__screen-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.35); + z-index: 100000; + display: flex; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-modal__screen-overlay { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-modal__frame { + box-sizing: border-box; + margin: 40px 0 0 0; + width: 100%; + background: #fff; + box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15); + border-radius: 4px 4px 0 0; + overflow: hidden; + display: flex; + animation: components-modal__appear-animation 0.1s ease-out; + animation-fill-mode: forwards; +} +.components-modal__frame *, +.components-modal__frame *::before, +.components-modal__frame *::after { + box-sizing: inherit; +} +@media (prefers-reduced-motion: reduce) { + .components-modal__frame { + animation-duration: 1ms; + animation-delay: 0s; + } +} +@media (min-width: 600px) { + .components-modal__frame { + border-radius: 4px; + margin: auto; + width: auto; + min-width: 350px; + max-width: calc(100% - 32px); + max-height: calc(100% - 120px); + } +} +@media (min-width: 600px) and (min-width: 600px) { + .components-modal__frame.is-full-screen { + width: calc(100% - 32px); + height: calc(100% - 32px); + max-height: none; + } +} +@media (min-width: 600px) and (min-width: 782px) { + .components-modal__frame.is-full-screen { + width: calc(100% - 80px); + height: calc(100% - 80px); + max-width: none; + } +} +@media (min-width: 600px) { + .components-modal__frame.has-size-small, .components-modal__frame.has-size-medium, .components-modal__frame.has-size-large { + width: 100%; + } +} +@media (min-width: 600px) { + .components-modal__frame.has-size-small { + max-width: 384px; + } +} +@media (min-width: 600px) { + .components-modal__frame.has-size-medium { + max-width: 512px; + } +} +@media (min-width: 600px) { + .components-modal__frame.has-size-large { + max-width: 840px; + } +} +@media (min-width: 960px) { + .components-modal__frame { + max-height: 70%; + } +} + +@keyframes components-modal__appear-animation { + from { + transform: translateY(32px); + } + to { + transform: translateY(0); + } +} +.components-modal__header { + box-sizing: border-box; + border-bottom: 1px solid transparent; + padding: 24px 32px 8px; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + height: 72px; + width: 100%; + z-index: 10; + position: absolute; + top: 0; + left: 0; +} +.components-modal__header .components-modal__header-heading { + font-size: 1.2rem; + font-weight: 600; +} +.components-modal__header h1 { + line-height: 1; + margin: 0; +} +.components-modal__header .components-button { + position: relative; + left: 8px; +} +.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header { + border-bottom-color: #ddd; +} +.components-modal__header + p { + margin-top: 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 { + flex: 1; + margin-top: 72px; + padding: 4px 32px 32px; + overflow: auto; +} +.components-modal__content.hide-header { + margin-top: 0; + padding-top: 32px; +} +.components-modal__content.is-scrollable:focus-visible { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 2px solid transparent; + outline-offset: -2px; +} + +.components-notice { + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + background-color: #fff; + border-left: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + padding: 8px 12px; + align-items: center; +} +.components-notice.is-dismissible { + position: relative; +} +.components-notice.is-success { + border-left-color: #4ab866; + background-color: #eff9f1; +} +.components-notice.is-warning { + border-left-color: #f0b849; + background-color: #fef8ee; +} +.components-notice.is-error { + border-left-color: #cc1818; + background-color: #f4a2a2; +} + +.components-notice__content { + flex-grow: 1; + margin: 4px 25px 4px 0; +} + +.components-notice__actions { + display: flex; + flex-wrap: wrap; +} + +.components-notice__action.components-button { + margin-right: 8px; +} +.components-notice__action.components-button, .components-notice__action.components-button.is-link { + margin-left: 12px; +} +.components-notice__action.components-button.is-secondary { + vertical-align: initial; +} + +.components-notice__dismiss { + color: #757575; + align-self: flex-start; + flex-shrink: 0; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { + color: #1e1e1e; + background-color: transparent; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { + box-shadow: none; +} + +.components-notice-list { + max-width: 100vw; + box-sizing: border-box; +} +.components-notice-list .components-notice__content { + margin-top: 12px; + margin-bottom: 12px; + line-height: 2; +} +.components-notice-list .components-notice__action.components-button { + display: block; + margin-left: 0; + margin-top: 8px; +} + +.components-panel { + background: #fff; + border: 1px solid #e0e0e0; +} +.components-panel > .components-panel__header:first-child, +.components-panel > .components-panel__body:first-child { + margin-top: -1px; +} +.components-panel > .components-panel__header:last-child, +.components-panel > .components-panel__body:last-child { + border-bottom-width: 0; +} + +.components-panel + .components-panel { + margin-top: -1px; +} + +.components-panel__body { + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; +} +.components-panel__body h3 { + margin: 0 0 0.5em; +} +.components-panel__body.is-opened { + padding: 16px; +} + +.components-panel__header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 16px; + border-bottom: 1px solid #ddd; + box-sizing: content-box; + height: 47px; +} +.components-panel__header h2 { + margin: 0; + font-size: inherit; + color: inherit; +} + +.components-panel__body + .components-panel__body, +.components-panel__body + .components-panel__header, +.components-panel__header + .components-panel__body, +.components-panel__header + .components-panel__header { + margin-top: -1px; +} + +.components-panel__body > .components-panel__body-title { + display: block; + padding: 0; + font-size: inherit; + margin-top: 0; + margin-bottom: 0; + transition: 0.1s background ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body > .components-panel__body-title { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-panel__body.is-opened > .components-panel__body-title { + margin: -16px; + margin-bottom: 5px; +} + +.components-panel__body > .components-panel__body-title:hover { + background: #f0f0f0; + border: none; +} + +.components-panel__body-toggle.components-button { + position: relative; + padding: 16px 48px 16px 16px; + outline: none; + width: 100%; + font-weight: 500; + text-align: left; + color: #1e1e1e; + border: none; + box-shadow: none; + transition: 0.1s background ease-in-out; + height: auto; + /* rtl:begin:ignore */ + /* rtl:end:ignore */ +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body-toggle.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-panel__body-toggle.components-button:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-radius: 0; +} +.components-panel__body-toggle.components-button .components-panel__arrow { + position: absolute; + right: 16px; + top: 50%; + transform: translateY(-50%); + color: #1e1e1e; + fill: currentColor; + transition: 0.1s color ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body-toggle.components-button .components-panel__arrow { + transition-duration: 0s; + transition-delay: 0s; + } +} +body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { + transform: scaleX(-1); + -ms-filter: fliph; + filter: FlipH; + margin-top: -10px; +} + +.components-panel__icon { + color: #757575; + margin: -2px 0 -2px 6px; +} + +.components-panel__body-toggle-icon { + margin-right: -5px; +} + +.components-panel__color-title { + float: left; + height: 19px; +} + +.components-panel__row { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 8px; + min-height: 36px; +} +.components-panel__row select { + min-width: 0; +} +.components-panel__row label { + margin-right: 12px; + flex-shrink: 0; + max-width: 75%; +} +.components-panel__row:empty, .components-panel__row:first-of-type { + margin-top: 0; +} + +.components-panel .circle-picker { + padding-bottom: 20px; +} + +.components-placeholder.components-placeholder { + font-size: 13px; + box-sizing: border-box; + position: relative; + padding: 1em; + width: 100%; + text-align: left; + margin: 0; + color: #1e1e1e; + -moz-font-smoothing: subpixel-antialiased; + -webkit-font-smoothing: subpixel-antialiased; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; +} +@supports (position: sticky) { + .components-placeholder.components-placeholder { + display: flex; + flex-direction: column; + justify-content: top; + align-items: flex-start; + } +} + +.components-placeholder__error, +.components-placeholder__instructions, +.components-placeholder__label, +.components-placeholder__fieldset { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + letter-spacing: initial; + line-height: initial; + text-transform: none; + font-weight: normal; +} + +.components-placeholder__label { + display: flex; + font-weight: 600; + margin-bottom: 16px; + align-items: center; +} +.components-placeholder__label > svg, +.components-placeholder__label .dashicon, +.components-placeholder__label .block-editor-block-icon { + margin-right: 12px; + fill: currentColor; +} +@media (forced-colors: active) { + .components-placeholder__label > svg, +.components-placeholder__label .dashicon, +.components-placeholder__label .block-editor-block-icon { + fill: CanvasText; + } +} +.components-placeholder__label:empty { + display: none; +} + +.components-placeholder__fieldset, +.components-placeholder__fieldset form { + display: flex; + flex-direction: row; + width: 100%; + flex-wrap: wrap; +} +.components-placeholder__fieldset p, +.components-placeholder__fieldset form p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.components-placeholder__fieldset.is-column-layout, +.components-placeholder__fieldset.is-column-layout form { + flex-direction: column; +} + +.components-placeholder__input[type=url] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + margin: 0 8px 0 0; + flex: 1 1 auto; +} +@media (prefers-reduced-motion: reduce) { + .components-placeholder__input[type=url] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-placeholder__input[type=url] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-placeholder__input[type=url]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-placeholder__input[type=url]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-placeholder__input[type=url]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-placeholder__input[type=url]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.components-placeholder__instructions { + margin-bottom: 1em; +} + +.components-placeholder__error { + margin-top: 1em; + width: 100%; +} + +.components-placeholder__fieldset .components-button { + margin-right: 12px; + margin-bottom: 12px; +} +.components-placeholder__fieldset .components-button:last-child { + margin-bottom: 0; + margin-right: 0; +} + +.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { + margin-left: 10px; + margin-right: 10px; +} +.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { + margin-right: 0; +} + +.components-placeholder.is-large .components-placeholder__label { + font-size: 18pt; + font-weight: normal; +} +.components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { + display: none; +} +.components-placeholder.is-medium .components-placeholder__fieldset, +.components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, +.components-placeholder.is-small .components-placeholder__fieldset form { + flex-direction: column; +} +.components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { + margin-right: auto; +} +.components-placeholder.is-small .components-button { + padding: 0 8px 2px; +} + +/** + * Dashed style placeholders + */ +.components-placeholder.has-illustration { + color: inherit; + display: flex; + box-shadow: none; + -webkit-backdrop-filter: blur(100px); + backdrop-filter: blur(100px); + background-color: transparent; + backface-visibility: hidden; + border-radius: 2px; + overflow: auto; +} +.is-dark-theme .components-placeholder.has-illustration { + background-color: rgba(0, 0, 0, 0.1); +} +.components-placeholder.has-illustration .components-placeholder__fieldset { + width: auto; + margin-left: 0; + margin-right: 0; +} +.components-placeholder.has-illustration .components-placeholder__label, +.components-placeholder.has-illustration .components-placeholder__instructions, +.components-placeholder.has-illustration .components-button { + opacity: 0; + pointer-events: none; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .components-placeholder.has-illustration .components-placeholder__label, +.components-placeholder.has-illustration .components-placeholder__instructions, +.components-placeholder.has-illustration .components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.is-selected > .components-placeholder.has-illustration .components-placeholder__label, +.is-selected > .components-placeholder.has-illustration .components-placeholder__instructions, +.is-selected > .components-placeholder.has-illustration .components-button { + opacity: 1; + pointer-events: auto; +} +.components-placeholder.has-illustration::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + background: currentColor; + opacity: 0.1; +} + +.components-placeholder__preview { + display: flex; + justify-content: center; +} + +.components-placeholder__illustration { + box-sizing: content-box; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 100%; + height: 100%; + stroke: currentColor; + opacity: 0.25; +} + +.components-popover { + box-sizing: border-box; + z-index: 1000000; + will-change: transform; +} +.components-popover *, +.components-popover *::before, +.components-popover *::after { + box-sizing: inherit; +} +.components-popover.is-expanded { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000000 !important; +} + +.components-popover__content { + background: #fff; + box-shadow: 0 0 0 1px #ccc, 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); + border-radius: 2px; + box-sizing: border-box; + width: min-content; +} +.is-alternate .components-popover__content { + box-shadow: 0 0 0 1px #1e1e1e; +} +.is-unstyled .components-popover__content { + background: none; + border-radius: 0; + box-shadow: none; +} +.components-popover.is-expanded .components-popover__content { + position: static; + height: calc(100% - 48px); + overflow-y: visible; + width: auto; + box-shadow: 0 -1px 0 0 #ccc; +} +.components-popover.is-expanded.is-alternate .components-popover__content { + box-shadow: 0 -1px 0 #1e1e1e; +} + +.components-popover__header { + align-items: center; + background: #fff; + display: flex; + height: 48px; + justify-content: space-between; + padding: 0 8px 0 16px; +} + +.components-popover__header-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} + +.components-popover__close.components-button { + z-index: 5; +} + +.components-popover__arrow { + position: absolute; + width: 14px; + height: 14px; + pointer-events: none; + display: flex; +} +.components-popover__arrow::before { + content: ""; + position: absolute; + top: -1px; + left: 1px; + height: 2px; + right: 1px; + background-color: #fff; +} +.components-popover__arrow.is-top { + bottom: -14px !important; + transform: rotate(0); +} +.components-popover__arrow.is-right { + /*rtl:begin:ignore*/ + left: -14px !important; + transform: rotate(90deg); +} +.components-popover__arrow.is-bottom { + top: -14px !important; + transform: rotate(180deg); +} +.components-popover__arrow.is-left { + /*rtl:begin:ignore*/ + right: -14px !important; + transform: rotate(-90deg); + /*rtl:end:ignore*/ +} + +.components-popover__triangle { + display: block; + flex: 1; +} + +.components-popover__triangle-bg { + fill: #fff; +} + +.components-popover__triangle-border { + fill: transparent; + stroke-width: 1px; + stroke: #ccc; +} +.is-alternate .components-popover__triangle-border { + stroke: #1e1e1e; +} + +.components-popover-pointer-events-trap { + z-index: 1000000; + position: fixed; + inset: 0; + background-color: transparent; +} + +.components-radio-control__option { + display: flex; + align-items: center; +} + +.components-radio-control__input[type=radio] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-right: 12px; + transition: none; + border-radius: 50%; + width: 24px; + height: 24px; + display: inline-flex; + margin: 0 6px 0 0; + padding: 0; + -webkit-appearance: none; + appearance: none; + cursor: pointer; +} +@media (prefers-reduced-motion: reduce) { + .components-radio-control__input[type=radio] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-radio-control__input[type=radio]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-radio-control__input[type=radio]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-radio-control__input[type=radio]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-radio-control__input[type=radio]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio] { + height: 20px; + width: 20px; + } +} +.components-radio-control__input[type=radio]:checked::before { + box-sizing: inherit; + width: 8px; + height: 8px; + transform: translate(7px, 7px); + margin: 0; + background-color: #fff; + border: 4px solid #fff; +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio]:checked::before { + transform: translate(5px, 5px); + } +} +.components-radio-control__input[type=radio]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-radio-control__input[type=radio]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-radio-control__input[type=radio]:focus { + box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-radio-control__input[type=radio]:checked { + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-radio-control__input[type=radio]:checked::before { + content: ""; + border-radius: 50%; +} + +.components-radio-control__label { + cursor: pointer; +} + +.components-resizable-box__handle { + display: none; + width: 23px; + height: 23px; + z-index: 2; +} +.components-resizable-box__container.has-show-handle .components-resizable-box__handle { + display: block; +} + +.components-resizable-box__container > img { + width: inherit; +} + +.components-resizable-box__handle::after { + display: block; + content: ""; + width: 15px; + height: 15px; + border-radius: 50%; + background: #fff; + cursor: inherit; + position: absolute; + top: calc(50% - 8px); + right: calc(50% - 8px); + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 2px solid transparent; +} + +.components-resizable-box__side-handle::before { + display: block; + border-radius: 2px; + content: ""; + width: 3px; + height: 3px; + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + cursor: inherit; + position: absolute; + top: calc(50% - 1px); + right: calc(50% - 1px); + transition: transform 0.1s ease-in; + will-change: transform; + opacity: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle::before { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-resizable-box__side-handle { + z-index: 2; +} + +.components-resizable-box__corner-handle { + z-index: 2; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-top, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom, +.components-resizable-box__side-handle.components-resizable-box__handle-top::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { + width: 100%; + left: 0; + border-left: 0; + border-right: 0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left, +.components-resizable-box__side-handle.components-resizable-box__handle-right, +.components-resizable-box__side-handle.components-resizable-box__handle-left::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right::before { + height: 100%; + top: 0; + border-top: 0; + border-bottom: 0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. +See https://bugs.webkit.org/show_bug.cgi?id=187903. */ +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation: none; + } + + .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation: none; + } + } +} +@keyframes components-resizable-box__top-bottom-animation { + from { + transform: scaleX(0); + opacity: 0; + } + to { + transform: scaleX(1); + opacity: 1; + } +} +@keyframes components-resizable-box__left-right-animation { + from { + transform: scaleY(0); + opacity: 0; + } + to { + transform: scaleY(1); + opacity: 1; + } +} +/*!rtl:begin:ignore*/ +.components-resizable-box__handle-right { + right: calc(11.5px * -1); +} + +.components-resizable-box__handle-left { + left: calc(11.5px * -1); +} + +.components-resizable-box__handle-top { + top: calc(11.5px * -1); +} + +.components-resizable-box__handle-bottom { + bottom: calc(11.5px * -1); +} + +/*!rtl:end:ignore*/ +.components-responsive-wrapper { + position: relative; + max-width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.components-responsive-wrapper__content { + display: block; + max-width: 100%; + width: 100%; +} + +.components-sandbox { + overflow: hidden; +} + +iframe.components-sandbox { + width: 100%; +} + +html.lockscroll, +body.lockscroll { + overflow: hidden; +} + +.components-select-control__input { + outline: 0; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +} + +@media (max-width: 782px) { + .components-base-control .components-base-control__field .components-select-control__input { + font-size: 16px; + } +} +.components-snackbar { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + background: rgba(0, 0, 0, 0.85); + -webkit-backdrop-filter: blur(16px) saturate(180%); + backdrop-filter: blur(16px) saturate(180%); + border-radius: 2px; + box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); + color: #fff; + padding: 12px 20px; + width: 100%; + max-width: 600px; + box-sizing: border-box; + cursor: pointer; + pointer-events: auto; +} +@media (min-width: 600px) { + .components-snackbar { + width: -moz-fit-content; + width: fit-content; + } +} +.components-snackbar:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); +} +.components-snackbar.components-snackbar-explicit-dismiss { + cursor: default; +} +.components-snackbar .components-snackbar__content-with-icon { + position: relative; + padding-left: 24px; +} +.components-snackbar .components-snackbar__icon { + position: absolute; + left: -8px; + top: calc((5.8px) / -2); +} +.components-snackbar .components-snackbar__dismiss-button { + margin-left: 24px; + cursor: pointer; +} + +.components-snackbar__action.components-button { + margin-left: 32px; + color: #fff; + height: auto; + flex-shrink: 0; + line-height: 1.4; + padding: 0; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { + text-decoration: underline; + background-color: transparent; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { + color: #fff; + box-shadow: none; + outline: 1px dotted #fff; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { + text-decoration: none; + color: #fff; +} + +.components-snackbar__content { + display: flex; + align-items: baseline; + justify-content: space-between; + line-height: 1.4; +} + +.components-snackbar-list { + position: absolute; + z-index: 100000; + width: 100%; + box-sizing: border-box; + pointer-events: none; +} + +.components-snackbar-list__notice-container { + position: relative; + padding-top: 8px; +} + +.components-tab-panel__tabs { + display: flex; + align-items: stretch; + flex-direction: row; +} +.components-tab-panel__tabs[aria-orientation=vertical] { + flex-direction: column; +} + +.components-tab-panel__tabs-item { + position: relative; + border-radius: 0; + height: 48px; + background: transparent; + border: none; + box-shadow: none; + cursor: pointer; + padding: 3px 16px; + margin-left: 0; + font-weight: 500; +} +.components-tab-panel__tabs-item:focus:not(:disabled) { + position: relative; + box-shadow: none; + outline: none; +} +.components-tab-panel__tabs-item::after { + content: ""; + position: absolute; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + height: calc(0 * var(--wp-admin-border-width-focus)); + border-radius: 0; + transition: all 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .components-tab-panel__tabs-item::after { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-tab-panel__tabs-item.is-active::after { + height: calc(1 * var(--wp-admin-border-width-focus)); + outline: 2px solid transparent; + outline-offset: -1px; +} +.components-tab-panel__tabs-item::before { + content: ""; + position: absolute; + top: 12px; + right: 12px; + bottom: 12px; + left: 12px; + pointer-events: none; + box-shadow: 0 0 0 0 transparent; + border-radius: 2px; + transition: all 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .components-tab-panel__tabs-item::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-tab-panel__tabs-item:focus-visible::before { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); + outline: 2px solid transparent; +} + +.components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + width: 100%; + height: 32px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-text-control__input:focus, +.components-text-control__input[type=text]:focus, +.components-text-control__input[type=tel]:focus, +.components-text-control__input[type=time]:focus, +.components-text-control__input[type=url]:focus, +.components-text-control__input[type=week]:focus, +.components-text-control__input[type=password]:focus, +.components-text-control__input[type=color]:focus, +.components-text-control__input[type=date]:focus, +.components-text-control__input[type=datetime]:focus, +.components-text-control__input[type=datetime-local]:focus, +.components-text-control__input[type=email]:focus, +.components-text-control__input[type=month]:focus, +.components-text-control__input[type=number]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-text-control__input::-webkit-input-placeholder, +.components-text-control__input[type=text]::-webkit-input-placeholder, +.components-text-control__input[type=tel]::-webkit-input-placeholder, +.components-text-control__input[type=time]::-webkit-input-placeholder, +.components-text-control__input[type=url]::-webkit-input-placeholder, +.components-text-control__input[type=week]::-webkit-input-placeholder, +.components-text-control__input[type=password]::-webkit-input-placeholder, +.components-text-control__input[type=color]::-webkit-input-placeholder, +.components-text-control__input[type=date]::-webkit-input-placeholder, +.components-text-control__input[type=datetime]::-webkit-input-placeholder, +.components-text-control__input[type=datetime-local]::-webkit-input-placeholder, +.components-text-control__input[type=email]::-webkit-input-placeholder, +.components-text-control__input[type=month]::-webkit-input-placeholder, +.components-text-control__input[type=number]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input::-moz-placeholder, +.components-text-control__input[type=text]::-moz-placeholder, +.components-text-control__input[type=tel]::-moz-placeholder, +.components-text-control__input[type=time]::-moz-placeholder, +.components-text-control__input[type=url]::-moz-placeholder, +.components-text-control__input[type=week]::-moz-placeholder, +.components-text-control__input[type=password]::-moz-placeholder, +.components-text-control__input[type=color]::-moz-placeholder, +.components-text-control__input[type=date]::-moz-placeholder, +.components-text-control__input[type=datetime]::-moz-placeholder, +.components-text-control__input[type=datetime-local]::-moz-placeholder, +.components-text-control__input[type=email]::-moz-placeholder, +.components-text-control__input[type=month]::-moz-placeholder, +.components-text-control__input[type=number]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input:-ms-input-placeholder, +.components-text-control__input[type=text]:-ms-input-placeholder, +.components-text-control__input[type=tel]:-ms-input-placeholder, +.components-text-control__input[type=time]:-ms-input-placeholder, +.components-text-control__input[type=url]:-ms-input-placeholder, +.components-text-control__input[type=week]:-ms-input-placeholder, +.components-text-control__input[type=password]:-ms-input-placeholder, +.components-text-control__input[type=color]:-ms-input-placeholder, +.components-text-control__input[type=date]:-ms-input-placeholder, +.components-text-control__input[type=datetime]:-ms-input-placeholder, +.components-text-control__input[type=datetime-local]:-ms-input-placeholder, +.components-text-control__input[type=email]:-ms-input-placeholder, +.components-text-control__input[type=month]:-ms-input-placeholder, +.components-text-control__input[type=number]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input.is-next-40px-default-size, +.components-text-control__input[type=text].is-next-40px-default-size, +.components-text-control__input[type=tel].is-next-40px-default-size, +.components-text-control__input[type=time].is-next-40px-default-size, +.components-text-control__input[type=url].is-next-40px-default-size, +.components-text-control__input[type=week].is-next-40px-default-size, +.components-text-control__input[type=password].is-next-40px-default-size, +.components-text-control__input[type=color].is-next-40px-default-size, +.components-text-control__input[type=date].is-next-40px-default-size, +.components-text-control__input[type=datetime].is-next-40px-default-size, +.components-text-control__input[type=datetime-local].is-next-40px-default-size, +.components-text-control__input[type=email].is-next-40px-default-size, +.components-text-control__input[type=month].is-next-40px-default-size, +.components-text-control__input[type=number].is-next-40px-default-size { + height: 40px; +} + +.components-tip { + display: flex; + color: #757575; +} +.components-tip svg { + align-self: center; + fill: #f0b849; + flex-shrink: 0; + margin-right: 16px; +} +.components-tip p { + margin: 0; +} + +.components-accessible-toolbar { + display: inline-flex; + border: 1px solid #1e1e1e; + border-radius: 2px; + flex-shrink: 0; +} +.components-accessible-toolbar > .components-toolbar-group:last-child { + border-right: none; +} +.components-accessible-toolbar.is-unstyled { + border: none; +} +.components-accessible-toolbar.is-unstyled > .components-toolbar-group { + border-right: none; +} + +.components-accessible-toolbar .components-button, +.components-toolbar .components-button { + position: relative; + height: 48px; + z-index: 1; + padding-left: 16px; + padding-right: 16px; +} +.components-accessible-toolbar .components-button:focus:not(:disabled), +.components-toolbar .components-button:focus:not(:disabled) { + box-shadow: none; + outline: none; +} +.components-accessible-toolbar .components-button::before, +.components-toolbar .components-button::before { + content: ""; + position: absolute; + display: block; + border-radius: 2px; + height: 32px; + left: 8px; + right: 8px; + z-index: -1; + animation: components-button__appear-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-accessible-toolbar .components-button::before, +.components-toolbar .components-button::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-accessible-toolbar .components-button svg, +.components-toolbar .components-button svg { + position: relative; + margin-left: auto; + margin-right: auto; +} +.components-accessible-toolbar .components-button.is-pressed, +.components-toolbar .components-button.is-pressed { + background: transparent; +} +.components-accessible-toolbar .components-button.is-pressed:hover, +.components-toolbar .components-button.is-pressed:hover { + background: transparent; +} +.components-accessible-toolbar .components-button.is-pressed::before, +.components-toolbar .components-button.is-pressed::before { + background: #1e1e1e; +} +.components-accessible-toolbar .components-button:focus::before, +.components-toolbar .components-button:focus::before { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-accessible-toolbar .components-button.has-icon.has-icon, +.components-toolbar .components-button.has-icon.has-icon { + padding-left: 12px; + padding-right: 12px; + min-width: 48px; +} +.components-accessible-toolbar .components-button.components-tab-button, +.components-toolbar .components-button.components-tab-button { + font-weight: 500; +} +.components-accessible-toolbar .components-button.components-tab-button span, +.components-toolbar .components-button.components-tab-button span { + display: inline-block; + padding-left: 0; + padding-right: 0; + position: relative; +} + +@keyframes components-button__appear-animation { + from { + transform: scaleY(0); + } + to { + transform: scaleY(1); + } +} +.components-toolbar__control.components-button { + position: relative; +} +.components-toolbar__control.components-button[data-subscript] svg { + padding: 5px 10px 5px 0; +} +.components-toolbar__control.components-button[data-subscript]::after { + content: attr(data-subscript); + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + font-weight: 600; + line-height: 12px; + position: absolute; + right: 8px; + bottom: 10px; +} +.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { + color: #fff; +} + +.components-toolbar-group { + min-height: 48px; + border-right: 1px solid #1e1e1e; + background-color: #fff; + display: inline-flex; + flex-shrink: 0; + flex-wrap: wrap; + padding-left: 6px; + padding-right: 6px; + line-height: 0; +} +.components-toolbar-group .components-toolbar-group.components-toolbar-group { + border-width: 0; + margin: 0; +} +.components-toolbar-group .components-button.components-button, +.components-toolbar-group .components-button.has-icon.has-icon { + justify-content: center; + min-width: 36px; + padding-left: 6px; + padding-right: 6px; +} +.components-toolbar-group .components-button.components-button svg, +.components-toolbar-group .components-button.has-icon.has-icon svg { + min-width: 24px; +} +.components-toolbar-group .components-button.components-button::before, +.components-toolbar-group .components-button.has-icon.has-icon::before { + left: 2px; + right: 2px; +} + +.components-toolbar { + min-height: 48px; + margin: 0; + border: 1px solid #1e1e1e; + background-color: #fff; + display: inline-flex; + flex-shrink: 0; + flex-wrap: wrap; +} +.components-toolbar .components-toolbar.components-toolbar { + border-width: 0; + margin: 0; +} + +div.components-toolbar > div { + display: block; + margin: 0; +} +@supports (position: sticky) { + div.components-toolbar > div { + display: flex; + } +} +div.components-toolbar > div + div.has-left-divider { + margin-left: 6px; + position: relative; + overflow: visible; +} +div.components-toolbar > div + div.has-left-divider::before { + display: inline-block; + content: ""; + box-sizing: content-box; + background-color: #ddd; + position: absolute; + top: 8px; + left: -3px; + width: 1px; + height: 20px; +} + +.components-tooltip { + background: #000; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + border-radius: 2px; + color: #f0f0f0; + text-align: center; + line-height: 1.4; + font-size: 12px; + padding: 4px 8px; + z-index: 1000002; +} + +.components-tooltip__shortcut { + margin-left: 8px; +} +@charset "UTF-8"; +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color--rgb: 0, 124, 186; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; + --wp-admin-border-width-focus: 2px; + --wp-block-synced-color: #7a00df; + --wp-block-synced-color--rgb: 122, 0, 223; + --wp-bound-block-color: #9747ff; +} +@media (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.block-editor-autocompleters__block { + white-space: nowrap; +} +.block-editor-autocompleters__block .block-editor-block-icon { + margin-right: 8px; +} + +.block-editor-autocompleters__link { + white-space: nowrap; +} +.block-editor-autocompleters__link .block-editor-block-icon { + margin-right: 8px; +} + +.block-editor-block-alignment-control__menu-group .components-menu-item__info { + margin-top: 0; +} + +.block-editor-block-bindings-toolbar-indicator { + display: inline-flex; + align-items: center; + height: 48px; + padding: 6px; +} +.block-editor-block-bindings-toolbar-indicator svg g { + stroke: var(--wp-bound-block-color); + fill: transparent; + stroke-width: 1.5; + stroke-linecap: round; + stroke-linejoin: round; +} + +iframe[name=editor-canvas] { + width: 100%; + height: 100%; + display: block; +} + +iframe[name=editor-canvas]:not(.has-editor-padding) { + background-color: #fff; +} + +iframe[name=editor-canvas].has-editor-padding { + padding: 24px 24px 0; +} + +.block-editor-block-icon { + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; +} +.block-editor-block-icon.has-colors svg { + fill: currentColor; +} +@media (forced-colors: active) { + .block-editor-block-icon.has-colors svg { + fill: CanvasText; + } +} +.block-editor-block-icon svg { + min-width: 20px; + min-height: 20px; + max-width: 24px; + max-height: 24px; +} + +.block-editor-block-inspector p:not(.components-base-control__help) { + margin-top: 0; +} +.block-editor-block-inspector h2, +.block-editor-block-inspector h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.block-editor-block-inspector .components-base-control { + margin-bottom: 24px; +} +.block-editor-block-inspector .components-base-control:last-child { + margin-bottom: 8px; +} +.block-editor-block-inspector .components-focal-point-picker-control .components-base-control, +.block-editor-block-inspector .components-query-controls .components-base-control, +.block-editor-block-inspector .components-range-control .components-base-control { + margin-bottom: 0; +} +.block-editor-block-inspector .components-panel__body { + border: none; + border-top: 1px solid #e0e0e0; + margin-top: -1px; +} + +.block-editor-block-inspector__no-blocks, +.block-editor-block-inspector__no-block-tools { + display: block; + font-size: 13px; + background: #fff; + padding: 32px 16px; + text-align: center; +} + +.block-editor-block-inspector__no-block-tools { + border-top: 1px solid #ddd; +} + +.block-editor-block-inspector__tab-item { + flex: 1 1 0px; +} + +/** + * Insertion Point. + */ +.block-editor-block-list__insertion-point { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.block-editor-block-list__insertion-point-indicator { + position: absolute; + background: var(--wp-admin-theme-color); + border-radius: 2px; + transform-origin: center; + opacity: 0; + will-change: transform, opacity; +} +.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { + top: calc(50% - 2px); + height: 4px; + width: 100%; +} +.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { + top: 0; + bottom: 0; + left: calc(50% - 2px); + width: 4px; +} + +.block-editor-block-list__insertion-point-inserter { + display: none; + position: absolute; + will-change: transform; + justify-content: center; + top: calc(50% - 12px); + left: calc(50% - 12px); +} +@media (min-width: 480px) { + .block-editor-block-list__insertion-point-inserter { + display: flex; + } +} + +.block-editor-block-list__block-side-inserter-popover .components-popover__content > div { + pointer-events: none; +} +.block-editor-block-list__block-side-inserter-popover .components-popover__content > div > * { + pointer-events: all; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { + background: #1e1e1e; + border-radius: 2px; + color: #fff; + padding: 0; + min-width: 24px; + height: 24px; +} +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { + color: #fff; + background: var(--wp-admin-theme-color); +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { + background: var(--wp-admin-theme-color); +} +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { + background: #1e1e1e; +} + +/** + * Block Label for Navigation/Selection Mode + */ +.block-editor-block-list__block-selection-button { + display: inline-flex; + padding: 0 12px; + z-index: 22; + border-radius: 2px; + background-color: #1e1e1e; + font-size: 13px; + height: 48px; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { + margin: auto; + display: inline-flex; + align-items: center; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { + margin-right: 6px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { + cursor: grab; + padding: 0; + height: 24px; + min-width: 24px; + margin-left: -2px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { + min-width: 18px; + min-height: 18px; +} +.block-editor-block-list__block-selection-button .block-editor-block-icon { + font-size: 13px; + color: #fff; + height: 48px; +} +.block-editor-block-list__block-selection-button .components-button { + min-width: 36px; + color: #fff; + height: 48px; + display: flex; +} +.block-editor-block-list__block-selection-button .components-button:focus { + box-shadow: none; + border: none; +} +.block-editor-block-list__block-selection-button .components-button:active { + color: #fff; +} +.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover { + color: #fff; +} +.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { + padding: 0; +} +.block-editor-block-list__block-selection-button .block-editor-block-mover { + background: unset; + border: none; +} + +@keyframes hide-during-dragging { + to { + position: fixed; + transform: translate(9999px, 9999px); + } +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button, +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { + pointer-events: all; + margin-top: 12px; + margin-bottom: 12px; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar { + border: 1px solid #1e1e1e; + border-radius: 2px; + overflow: visible; + position: static; + width: auto; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent { + margin-left: calc(48px + 8px); +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent { + margin-left: 0; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar { + overflow: visible; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group, +.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar { + border-right-color: #1e1e1e; +} +.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { + visibility: hidden; +} +.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { + opacity: 0; + animation: hide-during-dragging 1ms linear forwards; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector { + position: absolute; + left: calc(-48px - 8px - 1px); +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before { + content: ""; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button { + border: 1px solid #1e1e1e; + padding-right: 6px; + padding-left: 6px; + background-color: #fff; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button { + padding-right: 12px; + padding-left: 12px; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector { + position: relative; + left: auto; + margin-left: -1px; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container, +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover { + border-left: 1px solid #1e1e1e; +} + +.is-dragging-components-draggable .components-tooltip { + display: none; +} + +.block-editor-block-lock-modal { + z-index: 1000001; +} +@media (min-width: 600px) { + .block-editor-block-lock-modal .components-modal__frame { + max-width: 480px; + } +} + +.block-editor-block-lock-modal__checklist { + margin: 0; +} + +.block-editor-block-lock-modal__options-title { + padding: 12px 0; +} +.block-editor-block-lock-modal__options-title .components-checkbox-control__label { + font-weight: 600; +} + +.block-editor-block-lock-modal__checklist-item { + display: flex; + justify-content: space-between; + align-items: center; + gap: 12px; + margin-bottom: 0; + padding: 12px 0 12px 32px; +} +.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon { + flex-shrink: 0; + margin-right: 12px; + fill: #1e1e1e; +} +.block-editor-block-lock-modal__checklist-item:hover { + background-color: #f0f0f0; + border-radius: 2px; +} + +.block-editor-block-lock-modal__template-lock { + border-top: 1px solid #ddd; + margin-top: 16px; + padding: 12px 0; +} + +.block-editor-block-lock-modal__actions { + margin-top: 24px; +} + +.block-editor-block-lock-toolbar .components-button.has-icon { + min-width: 36px !important; +} + +.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { + margin-left: -6px !important; +} + +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { + border-left: 1px solid #1e1e1e; + margin-left: 6px !important; + margin-right: -6px; +} + +.block-editor-block-breadcrumb { + list-style: none; + padding: 0; + margin: 0; +} +.block-editor-block-breadcrumb li { + display: inline-flex; + margin: 0; +} +.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { + fill: currentColor; + margin-left: -4px; + margin-right: -4px; + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { + display: none; +} + +.block-editor-block-breadcrumb__button.components-button { + height: 24px; + line-height: 24px; + padding: 0; + position: relative; +} +.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { + text-decoration: underline; + box-shadow: none; +} +.block-editor-block-breadcrumb__button.components-button:focus { + box-shadow: none; +} +.block-editor-block-breadcrumb__button.components-button:focus::before { + content: ""; + display: block; + position: absolute; + border-radius: 2px; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.block-editor-block-breadcrumb__current { + cursor: default; +} + +.block-editor-block-breadcrumb__button.components-button, +.block-editor-block-breadcrumb__current { + color: #1e1e1e; + padding: 0 8px; + font-size: inherit; +} + +.block-editor-block-card { + align-items: flex-start; + color: #1e1e1e; + display: flex; + padding: 16px; +} + +.block-editor-block-card__content { + flex-grow: 1; +} + +.block-editor-block-card__title { + font-weight: 500; +} +.block-editor-block-card__title.block-editor-block-card__title { + font-size: 13px; + line-height: 1.4; + margin: 0; + padding: 3px 0; +} + +.block-editor-block-card__description { + display: block; + font-size: 13px; + line-height: 1.4; + margin-top: 4px; +} + +.block-editor-block-card .block-editor-block-icon { + flex: 0 0 24px; + margin-left: 0; + margin-right: 12px; + width: 24px; + height: 24px; +} + +.block-editor-block-card.is-synced .block-editor-block-icon { + color: var(--wp-block-synced-color); +} + +/** + * Invalid block comparison + */ +.block-editor-block-compare { + height: auto; +} + +.block-editor-block-compare__wrapper { + display: flex; + padding-bottom: 16px; +} +.block-editor-block-compare__wrapper > div { + display: flex; + justify-content: space-between; + flex-direction: column; + width: 50%; + padding: 0 16px 0 0; + min-width: 200px; + max-width: 600px; +} +.block-editor-block-compare__wrapper > div button { + float: right; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__converted { + border-left: 1px solid #ddd; + padding-left: 15px; + padding-right: 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html { + font-family: Menlo, Consolas, monaco, monospace; + font-size: 12px; + color: #1e1e1e; + border-bottom: 1px solid #ddd; + padding-bottom: 15px; + line-height: 1.7; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span { + background-color: #e6ffed; + padding-top: 3px; + padding-bottom: 3px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { + background-color: #acf2bd; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { + background-color: #cc1818; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview { + padding: 0; + padding-top: 16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview p { + font-size: 12px; + margin-top: 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__action { + margin-top: 16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__heading { + font-size: 1em; + font-weight: 400; + margin: 0.67em 0; +} + +.block-editor-block-draggable-chip-wrapper { + position: absolute; + top: -24px; + left: 0; +} + +.block-editor-block-draggable-chip { + background-color: #1e1e1e; + border-radius: 2px; + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); + color: #fff; + cursor: grabbing; + display: inline-flex; + height: 48px; + padding: 0 13px; + position: relative; + -webkit-user-select: none; + user-select: none; + width: max-content; +} +.block-editor-block-draggable-chip svg { + fill: currentColor; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { + margin: auto; + justify-content: flex-start; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { + margin-right: 6px; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { + margin-right: 0; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { + min-width: 18px; + min-height: 18px; +} +.block-editor-block-draggable-chip .components-flex__item { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { + opacity: 0; + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: transparent; + transition: all 0.1s linear 0.1s; +} +.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon { + width: 20px; + height: 20px; + box-shadow: inset 0 0 0 1.5px #fff; + border-radius: 50%; + display: inline-block; + padding: 0; + background: transparent linear-gradient(-45deg, transparent 47.5%, #fff 47.5%, #fff 52.5%, transparent 52.5%); +} + +.block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled { + background-color: #757575; + opacity: 1; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +.block-editor-block-mover__move-button-container { + display: flex; + padding: 0; + border: none; + justify-content: center; +} +@media (min-width: 600px) { + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { + flex-direction: column; + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > * { + height: 20px; + width: 100%; + min-width: 0 !important; + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container > *::before { + height: calc(100% - 4px); + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { + top: 3px; + flex-shrink: 0; + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { + bottom: 3px; + flex-shrink: 0; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container { + width: 48px; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > * { + width: 24px; + min-width: 0 !important; + overflow: hidden; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button { + padding-left: 0; + padding-right: 0; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg { + left: 5px; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg { + right: 5px; + } +} + +.block-editor-block-mover__drag-handle { + cursor: grab; +} +@media (min-width: 600px) { + .block-editor-block-mover__drag-handle { + width: 24px; + min-width: 0 !important; + overflow: hidden; + } + .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon { + padding-left: 0; + padding-right: 0; + } +} + +.components-button.block-editor-block-mover-button::before { + content: ""; + position: absolute; + display: block; + border-radius: 2px; + height: 32px; + left: 8px; + right: 8px; + z-index: -1; + animation: components-button__appear-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-button.block-editor-block-mover-button::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-button.block-editor-block-mover-button:focus, .components-button.block-editor-block-mover-button:focus:enabled, .components-button.block-editor-block-mover-button:focus::before { + box-shadow: none; + outline: none; +} +.components-button.block-editor-block-mover-button:focus-visible::before { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.block-editor-block-navigation__container { + min-width: 280px; +} + +.block-editor-block-navigation__label { + margin: 0 0 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-patterns-list__list-item { + cursor: pointer; + margin-bottom: 24px; + position: relative; +} +.block-editor-block-patterns-list__list-item.is-placeholder { + min-height: 100px; +} +.block-editor-block-patterns-list__list-item[draggable=true] { + cursor: grab; +} + +.block-editor-block-patterns-list__item { + height: 100%; + scroll-margin-top: 24px; + scroll-margin-bottom: 56px; +} +.block-editor-block-patterns-list__item .block-editor-block-preview__container { + display: flex; + align-items: center; + overflow: hidden; + border-radius: 4px; +} +.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { + text-align: left; + flex-grow: 1; +} +.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { + box-shadow: 0 0 0 2px #1e1e1e; +} +.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) #1e1e1e; + outline: 2px solid transparent; + outline-offset: 2px; +} +.block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:hover .block-editor-block-preview__container, .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:focus .block-editor-block-preview__container { + box-shadow: 0 0 0 2px var(--wp-block-synced-color), 0 15px 25px rgba(0, 0, 0, 0.07); +} +.block-editor-block-patterns-list__item .block-editor-patterns__pattern-details { + align-items: center; + margin-top: 8px; +} +.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper { + min-width: 24px; + height: 24px; +} +.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon { + fill: var(--wp-block-synced-color); +} + +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination { + border-top: 1px solid #2f2f2f; + padding: 4px; + justify-content: center; +} +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary { + width: auto; + height: 32px; + justify-content: center; +} +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled { + color: #949494; + background: none; +} +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled) { + color: #fff; + background-color: #757575; +} + +.show-icon-labels .block-editor-patterns__grid-pagination { + flex-direction: column; +} +.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous, +.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next { + flex-direction: column; +} +.show-icon-labels .block-editor-patterns__grid-pagination .components-button { + width: auto; +} +.show-icon-labels .block-editor-patterns__grid-pagination .components-button span { + display: none; +} +.show-icon-labels .block-editor-patterns__grid-pagination .components-button::before { + content: attr(aria-label); +} + +.components-popover.block-editor-block-popover { + z-index: 31; + position: absolute; + margin: 0 !important; + pointer-events: none; +} +.components-popover.block-editor-block-popover .components-popover__content { + margin: 0 !important; + min-width: auto; + width: max-content; + overflow-y: visible; +} +.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween, .block-editor-block-popover__drop-zone, .block-editor-block-list__block-side-inserter-popover) .components-popover__content * { + pointer-events: all; +} + +.components-popover.block-editor-block-popover__inbetween { + pointer-events: none; +} +.components-popover.block-editor-block-popover__inbetween * { + pointer-events: none; +} +.components-popover.block-editor-block-popover__inbetween .is-with-inserter { + pointer-events: all; +} +.components-popover.block-editor-block-popover__inbetween .is-with-inserter * { + pointer-events: all; +} + +.components-popover.block-editor-block-popover__drop-zone * { + pointer-events: none; +} +.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground { + position: absolute; + inset: 0; + background-color: var(--wp-admin-theme-color); + border-radius: 2px; +} + +.block-editor-block-preview__container { + position: relative; + width: 100%; + overflow: hidden; +} +.block-editor-block-preview__container .block-editor-block-preview__content { + width: 100%; + top: 0; + left: 0; + transform-origin: top left; + text-align: initial; + margin: 0; + overflow: visible; + min-height: auto; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, +.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { + display: none; +} + +.block-editor-block-preview__container::after { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; +} + +.block-editor-block-rename-modal { + z-index: 1000001; +} + +.block-editor-block-styles__preview-panel { + display: none; + z-index: 90; +} +@media (min-width: 782px) { + .block-editor-block-styles__preview-panel { + display: block; + } +} +.block-editor-block-styles__preview-panel .block-editor-block-icon { + display: none; +} + +.block-editor-block-styles__variants { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 8px; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item { + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #ddd; + display: inline-block; + width: calc(50% - 4px); +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover { + color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px #ddd; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover { + background-color: #1e1e1e; + box-shadow: none; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { + color: #fff; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-block-styles__variants .block-editor-block-styles__item-text { + word-break: break-all; + white-space: normal; + text-align: start; + text-align-last: center; +} + +.block-editor-block-styles__block-preview-container, +.block-editor-block-styles__block-preview-container * { + box-sizing: border-box !important; +} + +.block-editor-block-switcher { + position: relative; +} +.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { + min-width: 36px; +} + +.block-editor-block-switcher__no-switcher-icon, +.block-editor-block-switcher__toggle { + position: relative; +} + +.components-button.block-editor-block-switcher__toggle, +.components-button.block-editor-block-switcher__no-switcher-icon { + margin: 0; + display: block; + height: 48px; +} +.components-button.block-editor-block-switcher__toggle .block-editor-block-icon, +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + margin: auto; +} + +.block-editor-block-switcher__toggle-text { + margin-left: 8px; +} +.show-icon-labels .block-editor-block-switcher__toggle-text { + display: none; +} + +.components-button.block-editor-block-switcher__no-switcher-icon { + display: flex; +} +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + margin-right: auto; + margin-left: auto; + min-width: 24px !important; +} + +.components-button.block-editor-block-switcher__no-switcher-icon:disabled { + opacity: 1; +} +.components-button.block-editor-block-switcher__no-switcher-icon:disabled, +.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { + color: #1e1e1e; +} + +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { + height: 100%; + position: relative; + margin: 0 auto; + display: flex; + align-items: center; + min-width: 100%; +} +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { + top: 8px; + right: 8px; + bottom: 8px; + left: 8px; +} + +.components-popover.block-editor-block-switcher__popover .components-popover__content { + min-width: 300px; +} + +.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { + position: absolute; + top: -12px; + left: calc(100% + 16px); +} + +.block-editor-block-switcher__preview__popover { + display: none; + overflow: hidden; +} +.block-editor-block-switcher__preview__popover.components-popover { + margin-top: 11px; +} +@media (min-width: 782px) { + .block-editor-block-switcher__preview__popover { + display: block; + } +} +.block-editor-block-switcher__preview__popover .components-popover__content { + width: 300px; + border: 1px solid #1e1e1e; + background: #fff; + border-radius: 2px; + outline: none; + box-shadow: none; + overflow: auto; +} +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { + max-height: calc(500px - 32px); + margin: 16px 0; + padding: 0 16px; + overflow: hidden; +} +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview { + overflow: unset; +} + +.block-editor-block-switcher__preview-title { + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { + min-width: 36px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { + height: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { + width: 48px; + height: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { + padding: 12px; +} + +.block-editor-block-switcher__preview-patterns-container { + padding-bottom: 16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { + margin-top: 16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { + cursor: pointer; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { + height: 100%; + border-radius: 2px; + transition: all 0.05s ease-in-out; + position: relative; + border: 1px solid transparent; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; + cursor: pointer; +} + +.block-editor-block-switcher__no-transforms { + color: #757575; + padding: 6px 8px; + margin: 0; +} + +.block-editor-block-types-list > [role=presentation] { + overflow: hidden; + display: flex; + flex-wrap: wrap; +} + +.block-editor-block-pattern-setup { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + width: 100%; + border-radius: 2px; +} +.block-editor-block-pattern-setup.view-mode-grid { + padding-top: 4px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { + justify-content: center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { + column-gap: 24px; + display: block; + width: 100%; + padding: 32px; + padding-bottom: 0; + padding-top: 0; + column-count: 2; +} +@media (min-width: 1440px) { + .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { + column-count: 3; + } +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { + cursor: pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item { + scroll-margin: 5px 0; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: 2px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title { + color: var(--wp-admin-theme-color); +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { + break-inside: avoid-column; + margin-bottom: 24px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title { + padding-top: 8px; + font-size: 12px; + text-align: center; + cursor: pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { + min-height: 100px; + border-radius: 2px; + border: 1px solid #ddd; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { + width: 100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { + height: 60px; + box-sizing: border-box; + padding: 16px; + width: 100%; + text-align: left; + margin: 0; + color: #1e1e1e; + position: absolute; + bottom: 0; + background-color: #fff; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + border-top: 1px solid #ddd; + align-self: stretch; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { + display: flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { + width: calc(50% - 36px); + display: flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { + justify-content: flex-end; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + box-sizing: border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { + overflow: hidden; + position: relative; + padding: 0; + margin: 0; + height: 100%; + list-style: none; + transform-style: preserve-3d; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { + box-sizing: border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { + position: absolute; + top: 0; + width: 100%; + height: 100%; + background-color: #fff; + margin: auto; + padding: 0; + transition: transform 0.5s, z-index 0.5s; + z-index: 100; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { + opacity: 1; + position: relative; + z-index: 102; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { + transform: translateX(-100%); + z-index: 101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { + transform: translateX(100%); + z-index: 101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { + display: none; +} + +.block-editor-block-pattern-setup__carousel, +.block-editor-block-pattern-setup__grid { + width: 100%; +} + +.block-editor-block-variation-transforms { + padding: 0 16px 16px 52px; + width: 100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle { + border: 1px solid #757575; + border-radius: 2px; + min-height: 30px; + width: 100%; + position: relative; + text-align: left; + justify-content: left; + padding: 6px 12px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { + padding-right: 24px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { + height: 100%; + padding: 0; + position: absolute; + right: 0; + top: 0; +} + +.block-editor-block-variation-transforms__popover .components-popover__content { + min-width: 230px; +} + +.components-border-radius-control { + margin-bottom: 12px; +} +.components-border-radius-control legend { + margin-bottom: 8px; +} +.components-border-radius-control .components-border-radius-control__wrapper { + display: flex; + justify-content: space-between; + align-items: flex-start; +} +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control { + width: calc((100% - 16px) / 2); + margin-bottom: 0; + margin-right: 16px; + flex-shrink: 0; +} +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control { + flex: 1; + margin-right: 12px; +} +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control > div { + height: 40px; + display: flex; + align-items: center; +} +.components-border-radius-control .components-border-radius-control__wrapper > span { + flex: 0 0 auto; +} +.components-border-radius-control .components-border-radius-control__input-controls-wrapper { + display: grid; + gap: 16px; + grid-template-columns: repeat(2, minmax(0, 1fr)); + margin-right: 12px; +} +.components-border-radius-control .component-border-radius-control__linked-button { + display: flex; + justify-content: center; + margin-top: 8px; +} +.components-border-radius-control .component-border-radius-control__linked-button svg { + margin-right: 0; +} + +.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { + margin-bottom: 12px; +} + +.block-editor-color-gradient-control__fieldset { + min-width: 0; +} + +.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) { + display: block; +} + +@media screen and (min-width: 782px) { + .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { + display: grid; + grid-template-columns: repeat(6, 28px); + } +} +.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { + margin-bottom: inherit; +} + +.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel { + width: 260px; + padding: 16px; +} + +.block-editor-panel-color-gradient-settings__color-indicator { + background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +} + +/** +* The following styles replicate the separated border of the +* `ItemGroup` component but allows for hidden items. This is because +* to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` +* must at least render a placeholder which would otherwise interfere +* with the `:last-child` styles. +*/ +.block-editor-tools-panel-color-gradient-settings__item { + padding: 0; + max-width: 100%; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} +.block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { + margin-top: 24px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top: 1px solid #ddd; +} +.block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item) { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} +.block-editor-tools-panel-color-gradient-settings__item > div, +.block-editor-tools-panel-color-gradient-settings__item > div > button { + border-radius: inherit; +} + +.block-editor-tools-panel-color-gradient-settings__dropdown { + display: block; + padding: 0; +} +.block-editor-tools-panel-color-gradient-settings__dropdown > button { + height: auto; + padding-top: 10px; + padding-bottom: 10px; + text-align: left; +} +.block-editor-tools-panel-color-gradient-settings__dropdown > button.is-open { + background: #f0f0f0; + color: var(--wp-admin-theme-color); +} +.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.block-editor-panel-color-gradient-settings__dropdown { + width: 100%; +} +.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator { + flex-shrink: 0; +} + +.block-editor-date-format-picker { + margin-bottom: 16px; +} + +.block-editor-date-format-picker__custom-format-select-control__custom-option { + border-top: 1px solid #ddd; +} +.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { + grid-template-columns: auto 30px; +} +.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { + grid-row: 2; + text-align: left; +} + +.block-editor-duotone-control__popover > .components-popover__content { + padding: 16px; + width: 260px; +} +.block-editor-duotone-control__popover .components-menu-group__label { + padding: 0; +} +.block-editor-duotone-control__popover .components-circular-option-picker__swatches { + display: grid; + grid-template-columns: repeat(6, 28px); + gap: 12px; + justify-content: space-between; +} + +.block-editor-duotone-control__unset-indicator { + background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +} + +.components-font-appearance-control ul li { + color: #1e1e1e; + text-transform: capitalize; +} + +.block-editor-global-styles__toggle-icon { + fill: currentColor; +} + +.block-editor-global-styles__shadow-popover-container { + width: 230px; +} + +.block-editor-global-styles__shadow__list { + display: flex; + gap: 12px; + flex-wrap: wrap; + padding-bottom: 8px; +} + +.block-editor-global-styles__clear-shadow { + text-align: right; +} + +.block-editor-global-styles-filters-panel__dropdown, +.block-editor-global-styles__shadow-dropdown { + display: block; + padding: 0; +} +.block-editor-global-styles-filters-panel__dropdown button, +.block-editor-global-styles__shadow-dropdown button { + width: 100%; + padding: 8px; +} +.block-editor-global-styles-filters-panel__dropdown button.is-open, +.block-editor-global-styles__shadow-dropdown button.is-open { + background-color: #f0f0f0; +} + +.block-editor-global-styles__shadow-indicator { + color: #2f2f2f; + border: #e0e0e0 1px solid; + border-radius: 2px; + cursor: pointer; + padding: 0; + height: 26px; + width: 26px; + box-sizing: border-box; + transform: scale(1); + transition: transform 0.1s ease; + will-change: transform; +} +.block-editor-global-styles__shadow-indicator:focus { + border: 2px solid #757575; +} +.block-editor-global-styles__shadow-indicator:hover { + transform: scale(1.2); +} +.block-editor-global-styles__shadow-indicator.unset { + background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +} + +.block-editor-global-styles-advanced-panel__custom-css-input textarea { + font-family: Menlo, Consolas, monaco, monospace; + /*rtl:ignore*/ + direction: ltr; +} + +.block-editor-grid-visualizer { + z-index: 30 !important; +} + +.block-editor-grid-visualizer .components-popover__content * { + pointer-events: none !important; +} + +.block-editor-grid-visualizer__grid { + display: grid; +} + +.block-editor-grid-visualizer__item { + border: 1px dashed #ddd; +} + +.block-editor-grid-item-resizer { + z-index: 30 !important; +} + +.block-editor-grid-item-resizer .components-popover__content * { + pointer-events: none !important; +} + +.block-editor-grid-item-resizer__box { + border: 1px solid var(--wp-admin-theme-color); +} +.block-editor-grid-item-resizer__box .components-resizable-box__handle { + pointer-events: all !important; +} + +.block-editor-height-control { + border: 0; + margin: 0; + padding: 0; +} + +.block-editor-image-size-control { + margin-bottom: 1em; +} +.block-editor-image-size-control .block-editor-image-size-control__width, +.block-editor-image-size-control .block-editor-image-size-control__height { + margin-bottom: 1.115em; +} + +.block-editor-block-types-list__list-item { + display: block; + width: 33.33%; + padding: 0; + margin: 0; +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors { + color: var(--wp-block-synced-color); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { + color: var(--wp-block-synced-color) !important; + filter: brightness(0.95); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg { + color: var(--wp-block-synced-color) !important; +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled)::after { + background: var(--wp-block-synced-color); +} + +.components-button.block-editor-block-types-list__item { + display: flex; + flex-direction: column; + width: 100%; + font-size: 13px; + color: #1e1e1e; + padding: 8px; + align-items: stretch; + justify-content: center; + cursor: pointer; + background: transparent; + word-break: break-word; + border-radius: 2px; + transition: all 0.05s ease-in-out; + position: relative; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-button.block-editor-block-types-list__item { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.block-editor-block-types-list__item:disabled { + opacity: 0.6; + cursor: default; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title { + color: var(--wp-admin-theme-color) !important; + filter: brightness(0.95); +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover svg { + color: var(--wp-admin-theme-color) !important; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border-radius: 2px; + opacity: 0.04; + background: var(--wp-admin-theme-color); + pointer-events: none; +} +.components-button.block-editor-block-types-list__item:not(:disabled):focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.block-editor-block-types-list__item:not(:disabled).is-active { + color: #fff; + background: #1e1e1e; + outline: 2px solid transparent; + outline-offset: -2px; +} + +.block-editor-block-types-list__item-icon { + padding: 12px 20px; + border-radius: 2px; + color: #1e1e1e; + transition: all 0.05s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-types-list__item-icon { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-types-list__item-icon .block-editor-block-icon { + margin-left: auto; + margin-right: auto; +} +.block-editor-block-types-list__item-icon svg { + transition: all 0.15s ease-out; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-types-list__item-icon svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { + cursor: grab; +} + +.block-editor-block-types-list__item-title { + padding: 4px 2px 8px; + font-size: 12px; +} + +.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button.has-icon::before { + content: attr(aria-label); +} + +.block-editor-inspector-controls-tabs__hint { + align-items: flex-start; + background: #f0f0f0; + border-radius: 2px; + color: #1e1e1e; + display: flex; + flex-direction: row; + margin: 16px; + font-size: 13px; +} + +.block-editor-inspector-controls-tabs__hint-content { + margin: 12px 0 12px 12px; +} + +.block-editor-inspector-controls-tabs__hint-dismiss { + margin: 4px 4px 4px 0; +} + +.block-editor-inspector-popover-header { + margin-bottom: 16px; +} + +[class].block-editor-inspector-popover-header__action { + height: 24px; +} +[class].block-editor-inspector-popover-header__action.has-icon { + min-width: 24px; + padding: 0; +} +[class].block-editor-inspector-popover-header__action:not(.has-icon) { + text-decoration: underline; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +@keyframes loadingpulse { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.block-editor-link-control { + position: relative; + min-width: 350px; +} +.components-popover__content .block-editor-link-control { + min-width: auto; + width: 90vw; + max-width: 350px; +} +.show-icon-labels .block-editor-link-control .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-link-control .components-button.has-icon::before { + content: attr(aria-label); +} +.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top { + gap: 8px; +} +.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon { + min-width: inherit; + width: min-content; +} + +.block-editor-link-control__search-input-wrapper { + margin-bottom: 8px; + position: relative; +} + +.block-editor-link-control__search-input-container, +.block-editor-link-control__search-input-wrapper { + position: relative; +} + +.block-editor-link-control__field { + margin: 16px; +} +.block-editor-link-control__field .components-base-control__label { + color: #1e1e1e; +} +.block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: block; + border: 1px solid #949494; + border-radius: 2px; + height: 40px; + margin: 0; + padding: 8px 40px 8px 16px; + position: relative; + width: 100%; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.has-actions .block-editor-link-control__field input[type=text], .has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { + padding-right: 16px; +} + +.block-editor-link-control__search-error { + margin: -8px 16px 16px; +} + +.block-editor-link-control__search-enter { + position: absolute; + right: 19px; + top: 3px; +} +.block-editor-link-control__search-enter svg { + position: relative; + top: -2px; +} + +.block-editor-link-control__search-actions { + padding: 8px 16px 16px; +} + +.block-editor-link-control__search-results-wrapper { + position: relative; +} +.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { + content: ""; + position: absolute; + left: -1px; + right: 16px; + display: block; + pointer-events: none; + z-index: 100; +} +.block-editor-link-control__search-results-wrapper::before { + height: 8px; + top: 0; + bottom: auto; +} +.block-editor-link-control__search-results-wrapper::after { + height: 16px; + bottom: 0; + top: auto; +} + +.block-editor-link-control__search-results { + margin-top: -16px; + padding: 8px; + max-height: 200px; + overflow-y: auto; +} +.block-editor-link-control__search-results.is-loading { + opacity: 0.2; +} + +.block-editor-link-control__search-item.components-button.components-menu-item__button { + height: auto; + text-align: left; +} +.block-editor-link-control__search-item .components-menu-item__item { + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; + width: 100%; +} +.block-editor-link-control__search-item .components-menu-item__item mark { + font-weight: 600; + color: inherit; + background-color: transparent; +} +.block-editor-link-control__search-item .components-menu-item__shortcut { + color: #757575; + text-transform: capitalize; + white-space: nowrap; +} +.block-editor-link-control__search-item[aria-selected] { + background: #f0f0f0; +} +.block-editor-link-control__search-item.is-current { + flex-direction: column; + background: transparent; + border: 0; + width: 100%; + cursor: default; + padding: 16px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header { + display: block; + flex-direction: row; + align-items: center; + margin-right: 8px; + gap: 8px; + white-space: pre-wrap; + overflow-wrap: break-word; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { + color: #757575; + line-height: 1.1; + font-size: 12px; + word-break: break-all; +} +.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { + display: flex; + flex: 1; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { + align-items: center; +} +.block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title { + word-break: break-all; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-details { + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 4px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon { + background-color: #f0f0f0; + width: 32px; + height: 32px; + border-radius: 2px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon { + position: relative; + flex-shrink: 0; + display: flex; + justify-content: center; + align-items: center; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { + width: 16px; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { + top: 0; + width: 32px; + max-height: 32px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title { + border-radius: 2px; + line-height: 1.1; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus { + box-shadow: none; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; + text-decoration: none; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { + font-weight: 600; + color: inherit; + background-color: transparent; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title span { + font-weight: normal; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { + display: none; +} + +.block-editor-link-control__search-item-top { + display: flex; + flex-direction: row; + width: 100%; + align-items: center; +} + +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { + opacity: 0; +} +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { + content: ""; + display: block; + background-color: #f0f0f0; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 100%; + animation: loadingpulse 1s linear infinite; + animation-delay: 0.5s; +} + +.block-editor-link-control__loading { + margin: 16px; + display: flex; + align-items: center; +} +.block-editor-link-control__loading .components-spinner { + margin-top: 0; +} + +.components-button + .block-editor-link-control__search-create { + overflow: visible; + padding: 12px 16px; +} +.components-button + .block-editor-link-control__search-create::before { + content: ""; + position: absolute; + top: -10px; + left: 0; + display: block; + width: 100%; +} + +.block-editor-link-control__search-create { + align-items: center; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-title { + margin-bottom: 0; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-icon { + top: 0; +} + +.block-editor-link-control__drawer-inner { + display: flex; + flex-direction: column; + flex-basis: 100%; + position: relative; +} + +.block-editor-link-control__setting { + margin-bottom: 0; + flex: 1; + padding: 8px 0 8px 24px; +} +.block-editor-link-control__setting .components-base-control__field { + display: flex; +} +.block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label { + color: #1e1e1e; +} +.block-editor-link-control__setting input { + margin-left: 0; +} +.is-preview .block-editor-link-control__setting { + padding: 20px 8px 8px 0; +} + +.block-editor-link-control__tools { + padding: 8px 8px 0 8px; + margin-top: -16px; +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle { + padding-left: 0; + gap: 0; +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] { + color: #1e1e1e; +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg { + visibility: visible; + transition: transform 0.1s ease; + transform: rotate(90deg); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg { + visibility: visible; + transform: rotate(0deg); + transition: transform 0.1s ease; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-link-control .block-editor-link-control__search-input .components-spinner { + display: block; +} +.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { + position: absolute; + left: auto; + bottom: auto; + top: calc(50% - 16px / 2); + right: 40px; +} + +.block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner { + top: calc(50% + 16px / 4); + right: 12px; +} + +.block-editor-list-view-tree { + width: 100%; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.components-modal__content .block-editor-list-view-tree { + margin: -12px -6px 0; + width: calc(100% + 12px); +} +.block-editor-list-view-tree.is-dragging tbody { + pointer-events: none; +} + +.block-editor-list-view-leaf { + position: relative; + transform: translateY(0); +} +.block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents { + cursor: grab; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] { + color: inherit; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover { + color: var(--wp-admin-theme-color); +} +.is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover { + color: inherit; +} +.block-editor-list-view-leaf.is-selected td { + background: var(--wp-admin-theme-color); +} +.block-editor-list-view-leaf.is-selected.is-synced td { + background: var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus, +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon { + color: var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus::after { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { + color: #fff; +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus::after { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-list-view-leaf.is-first-selected td:first-child { + border-top-left-radius: 2px; +} +.block-editor-list-view-leaf.is-first-selected td:last-child { + border-top-right-radius: 2px; +} +.block-editor-list-view-leaf.is-last-selected td:first-child { + border-bottom-left-radius: 2px; +} +.block-editor-list-view-leaf.is-last-selected td:last-child { + border-bottom-right-radius: 2px; +} +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch) { + background: rgba(var(--wp-admin-theme-color--rgb), 0.04); +} +.block-editor-list-view-leaf.is-synced-branch.is-branch-selected { + background: rgba(var(--wp-block-synced-color--rgb), 0.04); +} +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { + border-top-left-radius: 2px; +} +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { + border-top-right-radius: 2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child { + border-top-left-radius: 2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child { + border-top-right-radius: 2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child { + border-bottom-left-radius: 2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child { + border-bottom-right-radius: 2px; +} +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { + border-radius: 0; +} +.block-editor-list-view-leaf.is-displacement-normal { + transition: transform 0.2s; + transform: translateY(0); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-displacement-normal { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-list-view-leaf.is-displacement-up { + transition: transform 0.2s; + transform: translateY(-36px); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-displacement-up { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-list-view-leaf.is-displacement-down { + transition: transform 0.2s; + transform: translateY(36px); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-displacement-down { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-list-view-leaf.is-after-dragged-blocks { + transition: transform 0.2s; + transform: translateY(calc(var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-after-dragged-blocks { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up { + transition: transform 0.2s; + transform: translateY(calc(-36px + var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down { + transition: transform 0.2s; + transform: translateY(calc(36px + var(--wp-admin--list-view-dragged-items-height, 36px) * -1)); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-list-view-leaf.is-dragging { + opacity: 0; + left: 0; + pointer-events: none; + z-index: -9999; +} +.block-editor-list-view-leaf .block-editor-list-view-block-contents { + display: flex; + align-items: center; + width: 100%; + height: auto; + padding: 6px 4px 6px 0; + text-align: left; + border-radius: 2px; + position: relative; + white-space: nowrap; +} +.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + top: -2px; + right: 0; + left: 0; + border-top: 4px solid var(--wp-admin-theme-color); +} +.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { + padding-left: 0; + padding-right: 0; +} +.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents, +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { + box-shadow: none; +} +.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents::after, +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { + content: ""; + position: absolute; + top: 0; + right: -29px; + bottom: 0; + left: 0; + border-radius: inherit; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + z-index: 2; + pointer-events: none; +} +.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { + right: 0; +} +.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu, +.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + z-index: 1; +} +.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { + opacity: 1; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-list-view-leaf .block-editor-block-icon { + margin-right: 8px; + flex: 0 0 24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, +.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { + padding-top: 0; + padding-bottom: 0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { + line-height: 0; + width: 36px; + vertical-align: middle; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { + opacity: 0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within > *, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { + opacity: 1; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { + width: 24px; + min-width: 24px; + padding: 0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { + padding-right: 4px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { + height: 24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { + display: flex; + height: 100%; + flex-direction: column; + align-items: center; +} +.block-editor-list-view-leaf .block-editor-block-mover-button { + position: relative; + width: 36px; + height: 24px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button svg { + position: relative; + height: 24px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { + margin-top: -6px; + align-items: flex-end; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { + bottom: -4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { + margin-bottom: -6px; + align-items: flex-start; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { + top: -4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button::before { + height: 16px; + min-width: 100%; + left: 0; + right: 0; +} +.block-editor-list-view-leaf .block-editor-inserter__toggle { + background: #1e1e1e; + color: #fff; + height: 24px; + margin: 6px 6px 6px 1px; + min-width: 24px; +} +.block-editor-list-view-leaf .block-editor-inserter__toggle:active { + color: #fff; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper { + min-width: 120px; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title { + flex: 1; + position: relative; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate { + position: absolute; + width: 100%; + transform: translateY(-50%); +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper { + position: relative; + max-width: min(110px, 40%); + width: 100%; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { + position: absolute; + right: 0; + transform: translateY(-50%); + background: rgba(0, 0, 0, 0.1); + border-radius: 2px; + padding: 2px 6px; + max-width: 100%; + box-sizing: border-box; +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { + background: rgba(0, 0, 0, 0.3); +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { + line-height: 0; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__images { + display: flex; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image { + background-size: cover; + width: 18px; + height: 18px; + border-radius: 2px; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child) { + box-shadow: 0 0 0 2px #fff; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child) { + margin-left: -6px; +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child) { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} + +.block-editor-list-view-draggable-chip { + opacity: 0.8; +} + +.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, +.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, +.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, +.block-editor-list-view-appender__cell .block-editor-list-view-appender__container { + display: flex; +} + +.block-editor-list-view__expander { + height: 24px; + margin-left: 4px; + width: 24px; + cursor: pointer; +} + +.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { + margin-left: 220px; +} + +.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { + margin-right: 4px; +} + +.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { + margin-left: 0px; +} + +.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { + margin-left: 24px; +} + +.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { + margin-left: 52px; +} + +.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { + margin-left: 80px; +} + +.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { + margin-left: 108px; +} + +.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { + margin-left: 136px; +} + +.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { + margin-left: 164px; +} + +.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { + margin-left: 192px; +} + +.block-editor-list-view-leaf .block-editor-list-view__expander { + visibility: hidden; +} + +.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg { + visibility: visible; + transition: transform 0.2s ease; + transform: rotate(90deg); +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg { + visibility: visible; + transform: rotate(0deg); + transition: transform 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-list-view-drop-indicator { + pointer-events: none; +} +.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { + background: var(--wp-admin-theme-color); + height: 4px; + border-radius: 4px; +} + +.block-editor-list-view-drop-indicator--preview { + pointer-events: none; +} +.block-editor-list-view-drop-indicator--preview .components-popover__content { + overflow: hidden !important; +} +.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line { + background: rgba(var(--wp-admin-theme-color--rgb), 0.04); + height: 36px; + border-radius: 4px; + overflow: hidden; +} +.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker { + background: rgba(var(--wp-admin-theme-color--rgb), 0.09); +} + +.block-editor-list-view-placeholder { + padding: 0; + margin: 0; + height: 36px; +} + +.list-view-appender .block-editor-inserter__toggle { + background-color: #1e1e1e; + color: #fff; + margin: 8px 0 0 24px; + border-radius: 2px; + height: 24px; + min-width: 24px; + padding: 0; +} +.list-view-appender .block-editor-inserter__toggle:hover, .list-view-appender .block-editor-inserter__toggle:focus { + background: var(--wp-admin-theme-color); + color: #fff; +} + +.list-view-appender__description { + display: none; +} + +.block-editor-list-view-block-select-button__bindings svg g { + stroke: var(--wp-bound-block-color); + fill: transparent; + stroke-width: 1.5; + stroke-linecap: round; + stroke-linejoin: round; +} + +.modal-open .block-editor-media-replace-flow__options { + display: none; +} + +.block-editor-media-replace-flow__indicator { + margin-left: 4px; +} + +.block-editor-media-flow__url-input { + margin-right: -8px; + margin-left: -8px; + padding: 16px; +} +.block-editor-media-flow__url-input.has-siblings { + border-top: 1px solid #1e1e1e; + margin-top: 8px; + padding-bottom: 8px; +} +.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { + display: block; + top: 16px; + margin-bottom: 8px; +} +.block-editor-media-flow__url-input .block-editor-link-control { + width: 300px; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { + padding: 0; + margin: 0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title, +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { + max-width: 200px; + white-space: nowrap; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools { + justify-content: flex-end; + padding: 16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { + width: auto; + padding: 0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + margin: 0; + width: 100%; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { + padding: 8px 0 0; +} + +.block-editor-media-flow__error { + padding: 0 20px 20px 20px; + max-width: 255px; +} +.block-editor-media-flow__error .components-with-notices-ui { + max-width: 255px; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { + overflow: hidden; + word-wrap: break-word; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { + position: absolute; + right: 10px; +} + +.block-editor-multi-selection-inspector__card { + display: flex; + align-items: flex-start; + padding: 16px; +} + +.block-editor-multi-selection-inspector__card-content { + flex-grow: 1; +} + +.block-editor-multi-selection-inspector__card-title { + font-weight: 500; + margin-bottom: 5px; +} + +.block-editor-multi-selection-inspector__card-description { + font-size: 13px; +} + +.block-editor-multi-selection-inspector__card .block-editor-block-icon { + margin-left: -2px; + margin-right: 10px; + padding: 0 3px; + width: 36px; + height: 24px; +} + +.block-editor-responsive-block-control { + margin-bottom: 28px; + border-bottom: 1px solid #ccc; + padding-bottom: 14px; +} +.block-editor-responsive-block-control:last-child { + padding-bottom: 0; + border-bottom: 0; +} + +.block-editor-responsive-block-control__title { + margin: 0; + margin-bottom: 0.6em; + margin-left: -3px; +} + +.block-editor-responsive-block-control__label { + font-weight: 600; + margin-bottom: 0.6em; + margin-left: -3px; +} + +.block-editor-responsive-block-control__inner { + margin-left: -1px; +} + +.block-editor-responsive-block-control__toggle { + margin-left: 1px; +} + +.block-editor-responsive-block-control .components-base-control__help { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.components-popover.block-editor-rich-text__inline-format-toolbar { + z-index: 99998; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { + width: auto; + min-width: auto; + margin-bottom: 8px; + box-shadow: none; + outline: none; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { + border-radius: 2px; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, +.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { + min-width: 48px; + min-height: 48px; + padding-left: 12px; + padding-right: 12px; +} + +.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { + justify-content: center; +} + +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { + width: auto; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { + content: attr(aria-label); +} + +.block-editor-skip-to-selected-block { + position: absolute; + top: -9999em; +} +.block-editor-skip-to-selected-block:focus { + height: auto; + width: auto; + display: block; + font-size: 14px; + font-weight: 600; + padding: 15px 23px 14px; + background: #f1f1f1; + color: var(--wp-admin-theme-color); + line-height: normal; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + text-decoration: none; + outline: none; + z-index: 100000; +} + +.block-editor-text-decoration-control { + border: 0; + margin: 0; + padding: 0; +} +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { + padding: 4px 0; + display: flex; +} +.block-editor-text-decoration-control .components-button.has-icon { + height: 32px; + margin-right: 4px; + min-width: 32px; + padding: 0; +} + +.block-editor-text-transform-control { + border: 0; + margin: 0; + padding: 0; +} +.block-editor-text-transform-control .block-editor-text-transform-control__buttons { + padding: 4px 0; + display: flex; +} +.block-editor-text-transform-control .components-button.has-icon { + height: 32px; + margin-right: 4px; + min-width: 32px; + padding: 0; +} + +.block-editor-tool-selector__help { + margin-top: 8px; + margin-left: -8px; + margin-right: -8px; + margin-bottom: -8px; + padding: 16px; + border-top: 1px solid #ddd; + color: #757575; + min-width: 280px; +} + +.block-editor-block-list__block .block-editor-url-input, +.components-popover .block-editor-url-input, +.block-editor-url-input { + flex-grow: 1; + position: relative; + padding: 1px; +} +.block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + width: 100%; + padding: 8px 8px 8px 12px; + margin-left: 0; + margin-right: 0; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + width: 300px; + } +} +@media (min-width: 600px) { + .block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + font-size: 13px; + } +} +.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, +.components-popover .block-editor-url-input input[type=text]::-ms-clear, +.block-editor-url-input input[type=text]::-ms-clear { + display: none; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width, +.components-popover .block-editor-url-input.is-full-width, +.block-editor-url-input.is-full-width { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], +.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], +.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, +.components-popover .block-editor-url-input.is-full-width__suggestions, +.block-editor-url-input.is-full-width__suggestions { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input .components-spinner, +.components-popover .block-editor-url-input .components-spinner, +.block-editor-url-input .components-spinner { + position: absolute; + margin: 0; + top: calc(50% - 16px / 2); + right: 8px; +} + +.block-editor-url-input__input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #949494; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-url-input__input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-url-input__input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-url-input__input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-url-input__input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-url-input__input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-url-input__input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.block-editor-url-input__suggestions { + max-height: 200px; + transition: all 0.15s ease-in-out; + padding: 4px 0; + width: 302px; + overflow-y: auto; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-url-input__suggestions { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-url-input__suggestions, +.block-editor-url-input .components-spinner { + display: none; +} +@media (min-width: 600px) { + .block-editor-url-input__suggestions, +.block-editor-url-input .components-spinner { + display: grid; + } +} + +.block-editor-url-input__suggestion { + min-height: 36px; + height: auto; + color: #757575; + display: block; + font-size: 13px; + cursor: pointer; + background: #fff; + width: 100%; + border: none; + text-align: left; + box-shadow: none; +} +.block-editor-url-input__suggestion:hover { + background: #ddd; +} +.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { + background: var(--wp-admin-theme-color-darker-20); + color: #fff; + outline: none; +} + +.components-toolbar-group > .block-editor-url-input__button, +.components-toolbar > .block-editor-url-input__button { + position: inherit; +} + +.block-editor-url-input__button .block-editor-url-input__back { + margin-right: 4px; + overflow: visible; +} +.block-editor-url-input__button .block-editor-url-input__back::after { + content: ""; + position: absolute; + display: block; + width: 1px; + height: 24px; + right: -1px; + background: #ddd; +} + +.block-editor-url-input__button-modal { + box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); + border: 1px solid #ddd; + background: #fff; +} + +.block-editor-url-input__button-modal-line { + display: flex; + flex-direction: row; + flex-grow: 1; + flex-shrink: 1; + min-width: 0; + align-items: flex-start; +} +.block-editor-url-input__button-modal-line .components-button { + flex-shrink: 0; + width: 36px; + height: 36px; +} + +.block-editor-url-popover__additional-controls { + border-top: 1px solid #1e1e1e; + padding: 8px 8px; +} + +.block-editor-url-popover__input-container { + padding: 8px; +} + +.block-editor-url-popover__row { + display: flex; + gap: 4px; +} + +.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { + flex-grow: 1; + gap: 8px; +} + +.block-editor-url-popover__additional-controls .components-button.has-icon { + padding-left: 8px; + padding-right: 8px; + height: auto; + text-align: left; +} +.block-editor-url-popover__additional-controls .components-button.has-icon > svg { + margin-right: 8px; +} + +.block-editor-url-popover__settings-toggle { + flex-shrink: 0; +} +.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { + transform: rotate(180deg); +} + +.block-editor-url-popover__settings { + display: block; + padding: 16px; + border-top: 1px solid #1e1e1e; +} + +.block-editor-url-popover__link-editor, +.block-editor-url-popover__link-viewer { + display: flex; +} + +.block-editor-url-popover__link-viewer-url { + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-right: 8px; + min-width: 150px; + max-width: 350px; +} +.block-editor-url-popover__link-viewer-url.has-invalid-link { + color: #cc1818; +} + +.block-editor-url-popover__expand-on-click { + display: flex; + align-items: center; + min-width: 350px; + white-space: nowrap; +} +.block-editor-url-popover__expand-on-click .text { + flex-grow: 1; +} +.block-editor-url-popover__expand-on-click .text p { + margin: 0; + line-height: 16px; +} +.block-editor-url-popover__expand-on-click .text p.description { + color: #757575; + font-size: 12px; +} + +.html-anchor-control .components-external-link { + display: inline-block; + margin-top: 8px; +} + +.block-editor-hooks__block-hooks { + /** + * Since we're displaying the block icon alongside the block name, + * we need to right-align the toggle. + */ + /** + * Un-reverse the flex direction for the toggle's label. + */ +} +.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack { + flex-direction: row-reverse; +} +.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack { + flex-direction: row; +} +.block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext { + color: #757575; + font-size: 12px; + margin-bottom: 16px; +} + +.block-editor-hooks__background__inspector-media-replace-container { + position: relative; +} +.block-editor-hooks__background__inspector-media-replace-container .components-drop-zone__content-icon { + display: none; +} +.block-editor-hooks__background__inspector-media-replace-container button.components-button { + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #ddd; + width: 100%; + display: block; + height: 40px; +} +.block-editor-hooks__background__inspector-media-replace-container button.components-button:hover { + color: var(--wp-admin-theme-color); +} +.block-editor-hooks__background__inspector-media-replace-container button.components-button:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-hooks__background__inspector-media-replace-container .block-editor-hooks__background__inspector-media-replace-title { + word-break: break-all; + white-space: normal; + text-align: start; + text-align-last: center; +} +.block-editor-hooks__background__inspector-media-replace-container .components-dropdown { + display: block; +} + +.block-editor-hooks__background__inspector-image-indicator-wrapper { + background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); + border-radius: 50% !important; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + display: block; + width: 20px; + height: 20px; + flex: none; +} +.block-editor-hooks__background__inspector-image-indicator-wrapper.has-image { + background: #fff; +} + +.block-editor-hooks__background__inspector-image-indicator { + background-size: cover; + border-radius: 50%; + width: 20px; + height: 20px; + display: block; + position: relative; +} + +.block-editor-hooks__background__inspector-image-indicator::after { + content: ""; + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; + box-sizing: inherit; +} + +.border-block-support-panel .single-column { + grid-column: span 1; +} + +.color-block-support-panel { + /* Increased specificity required to remove the slot wrapper's row gap */ + /** + * After converting PanelColorGradientSettings to render as a ToolsPanel + * we need to remove the top margin when wrapping inner content due to + * rendering via SlotFills. + */ +} +.color-block-support-panel .block-editor-contrast-checker { + /** + * Contrast checkers are forced to the bottom of the panel so all + * injected color controls can appear as a single item group without + * the contrast checkers suddenly appearing between items. + */ + order: 9999; + grid-column: span 2; + margin-top: 16px; +} +.color-block-support-panel .block-editor-contrast-checker .components-notice__content { + margin-right: 0; +} +.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { + row-gap: 0; +} +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { + margin-top: 0; +} + +.dimensions-block-support-panel .single-column { + grid-column: span 1; +} + +.block-editor-hooks__layout-controls { + display: flex; + margin-bottom: 8px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { + display: flex; + margin-right: 24px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { + margin: auto 0 4px 8px; +} + +.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input { + margin-bottom: 0; +} + +.block-editor-hooks__layout-controls-reset { + display: flex; + justify-content: flex-end; + margin-bottom: 24px; +} + +.block-editor-hooks__layout-controls-helptext { + color: #757575; + font-size: 12px; + margin-bottom: 16px; +} + +.block-editor-hooks__flex-layout-justification-controls, +.block-editor-hooks__flex-layout-orientation-controls { + margin-bottom: 12px; +} +.block-editor-hooks__flex-layout-justification-controls legend, +.block-editor-hooks__flex-layout-orientation-controls legend { + margin-bottom: 8px; +} + +.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control { + margin-bottom: 16px; +} + +.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint { + display: none; +} + +.block-editor-hooks__position-selection__select-control__option.has-hint { + grid-template-columns: auto 30px; + line-height: 1.4; + margin-bottom: 0; +} +.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint { + grid-row: 2; + text-align: left; +} + +.block-editor__spacing-visualizer { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + opacity: 0.5; + border-color: var(--wp-admin-theme-color); + border-style: solid; + pointer-events: none; + box-sizing: border-box; +} + +.typography-block-support-panel .single-column { + grid-column: span 1; +} + +/** + * Block Toolbar + */ +.block-editor-block-toolbar { + display: flex; + flex-grow: 1; + width: 100%; + position: relative; + overflow-y: hidden; + overflow-x: auto; + transition: border-color 0.1s linear, box-shadow 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-toolbar { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-block-toolbar { + overflow: inherit; + } +} +.block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-toolbar .components-toolbar { + background: none; + line-height: 0; + margin-top: -1px; + margin-bottom: -1px; + border: 0; + border-right: 1px solid #ddd; +} +.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon { + color: var(--wp-block-synced-color); +} +.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { + color: var(--wp-block-synced-color); +} +.block-editor-block-toolbar > :last-child, +.block-editor-block-toolbar > :last-child .components-toolbar-group, +.block-editor-block-toolbar > :last-child .components-toolbar { + border-right: none; +} + +.block-editor-block-contextual-toolbar { + position: sticky; + top: 0; + z-index: 31; + display: block; + width: 100%; + background-color: #fff; + flex-shrink: 3; +} +.block-editor-block-contextual-toolbar.components-accessible-toolbar { + border: none; + border-bottom: 1px solid #e0e0e0; + border-radius: 0; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar { + overflow: auto; + overflow-y: hidden; + scrollbar-width: thin; + scrollbar-gutter: stable both-edges; + scrollbar-color: #e0e0e0 transparent; + will-change: transform; + scrollbar-gutter: auto; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar { + width: 12px; + height: 12px; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track { + background-color: transparent; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb { + background-color: #e0e0e0; + border-radius: 8px; + border: 3px solid transparent; + background-clip: padding-box; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb { + background-color: #949494; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus, .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within { + scrollbar-color: #949494 transparent; +} +@media (hover: none) { + .block-editor-block-contextual-toolbar .block-editor-block-toolbar { + scrollbar-color: #949494 transparent; + } +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child::after, +.block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar-group::after, +.block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar::after { + display: none; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { + border-right-color: #e0e0e0; +} +.block-editor-block-contextual-toolbar > .block-editor-block-toolbar { + flex-grow: initial; + width: initial; +} +.block-editor-block-contextual-toolbar .block-editor-block-parent-selector { + position: relative; + margin-top: -1px; + margin-bottom: -1px; +} +.block-editor-block-contextual-toolbar .block-editor-block-parent-selector::after { + content: "·"; + position: absolute; + font-size: 16px; + right: 0; + height: 32px; + top: 0; + display: inline-flex; + align-items: center; +} + +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, +.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + width: 24px !important; + margin: 0 !important; +} +.block-editor-block-toolbar__block-controls .components-toolbar-group { + padding: 0; +} + +.block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-toolbar .components-toolbar, +.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, +.block-editor-rich-text__inline-format-toolbar-group .components-toolbar { + display: flex; + flex-wrap: nowrap; +} + +.block-editor-block-toolbar__slot { + display: inline-block; + line-height: 0; +} +@supports (position: sticky) { + .block-editor-block-toolbar__slot { + display: inline-flex; + } +} + +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon { + width: auto; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { + content: attr(aria-label); + font-size: 12px; +} +.show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { + padding-left: 6px; + padding-right: 6px; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, +.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + width: 0 !important; + height: 0 !important; + min-width: 0 !important; +} +.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + padding-left: 12px; + padding-right: 12px; + text-wrap: nowrap; +} +.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon { + width: 0; +} +.show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container { + width: auto; + position: relative; +} +@media (min-width: 600px) { + .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { + content: ""; + height: 1px; + width: 100%; + background: #e0e0e0; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 0); + margin-top: -0.5px; + } +} +@media (min-width: 782px) { + .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container::before { + background: #1e1e1e; + } +} +.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, +.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button { + padding-left: 6px; + padding-right: 6px; +} +.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button { + padding-left: 8px; + padding-right: 8px; +} +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { + border-left: 1px solid #ddd; + margin-left: 6px; + margin-right: -6px; + white-space: nowrap; +} +.show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon { + padding-left: 12px; + padding-right: 12px; +} +.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { + width: auto; +} +.show-icon-labels .components-toolbar, +.show-icon-labels .components-toolbar-group { + flex-shrink: 1; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { + margin-left: 6px; +} + +.block-editor-inserter { + display: inline-block; + background: none; + border: none; + padding: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 0; +} +@media (min-width: 782px) { + .block-editor-inserter { + position: relative; + } +} + +.block-editor-inserter__main-area { + position: relative; + display: flex; + flex-direction: column; + height: 100%; + gap: 16px; + overflow-y: hidden; +} +.block-editor-inserter__main-area.show-as-tabs { + gap: 0; +} +@media (min-width: 782px) { + .block-editor-inserter__main-area { + width: 350px; + } +} + +.block-editor-inserter__popover.is-quick .components-popover__content { + border: none; + outline: none; + box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { + border-top: 1px solid #ccc; + border-radius: 2px 2px 0 0; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { + border-bottom: 1px solid #ccc; + border-radius: 0 0 2px 2px; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { + border: 1px solid #1e1e1e; +} + +.block-editor-inserter__popover .block-editor-inserter__menu { + margin: -12px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs div[role=tablist] { + top: 60px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { + overflow: visible; + height: auto; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { + display: none; +} + +.block-editor-inserter__toggle.components-button { + display: inline-flex; + align-items: center; + cursor: pointer; + border: none; + outline: none; + padding: 0; + transition: color 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-inserter__toggle.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-inserter__menu { + height: 100%; + position: relative; + overflow: visible; +} + +.block-editor-inserter__inline-elements { + margin-top: -1px; +} + +.block-editor-inserter__menu.is-bottom::after { + border-bottom-color: #fff; +} + +.components-popover.block-editor-inserter__popover { + z-index: 99999; +} + +.block-editor-inserter__search { + padding: 16px 16px 0 16px; +} + +.block-editor-inserter__tabs { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: hidden; +} +.block-editor-inserter__tabs div[role=tablist] { + border-bottom: 1px solid #ddd; +} +.block-editor-inserter__tabs div[role=tablist] button[role=tab] { + flex-grow: 1; + margin-bottom: -1px; +} +.block-editor-inserter__tabs div[role=tablist] button[role=tab][id$=reusable] { + flex-grow: inherit; + padding-left: 16px; + padding-right: 16px; +} +.block-editor-inserter__tabs div[role=tabpanel] { + display: flex; + flex-grow: 1; + flex-direction: column; + overflow-y: auto; +} + +.block-editor-inserter__no-tab-container { + overflow-y: auto; + flex-grow: 1; +} + +.block-editor-inserter__panel-header { + display: inline-flex; + align-items: center; + padding: 16px 16px 0; +} + +.block-editor-inserter__panel-content { + padding: 16px; +} + +.block-editor-inserter__panel-title, +.block-editor-inserter__panel-title button { + margin: 0 12px 0 0; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { + height: 36px; + line-height: 36px; +} + +.block-editor-inserter__panel-dropdown select { + border: none; +} + +.block-editor-inserter__reusable-blocks-panel { + position: relative; + text-align: right; +} + +.block-editor-inserter__manage-reusable-blocks-container { + margin: auto 16px 16px; +} + +.block-editor-inserter__manage-reusable-blocks { + justify-content: center; + width: 100%; +} + +.block-editor-inserter__no-results { + padding: 32px; + text-align: center; +} + +.block-editor-inserter__no-results-icon { + fill: #949494; +} + +.block-editor-inserter__child-blocks { + padding: 0 16px; +} + +.block-editor-inserter__parent-block-header { + display: flex; + align-items: center; +} +.block-editor-inserter__parent-block-header h2 { + font-size: 13px; +} +.block-editor-inserter__parent-block-header .block-editor-block-icon { + margin-right: 8px; +} + +.block-editor-inserter__preview-container__popover { + top: 16px !important; +} + +.block-editor-inserter__preview-container { + display: none; + width: 280px; + padding: 16px; + max-height: calc(100% - 32px); + overflow-y: hidden; +} +@media (min-width: 782px) { + .block-editor-inserter__preview-container { + display: block; + } +} +.block-editor-inserter__preview-container .block-editor-block-preview__container { + height: 100%; +} +.block-editor-inserter__preview-container .block-editor-block-card { + padding-left: 0; + padding-right: 0; + padding-bottom: 4px; +} + +.block-editor-inserter__patterns-explore-button.components-button { + padding: 16px; + justify-content: center; + margin-top: 16px; + width: 100%; +} + +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category { + color: var(--wp-admin-theme-color); + position: relative; +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item { + filter: brightness(0.95); +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg { + fill: var(--wp-admin-theme-color); +} +.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border-radius: 2px; + opacity: 0.04; + background: var(--wp-admin-theme-color); +} + +.block-editor-inserter__block-patterns-tabs-container { + height: 100%; +} +.block-editor-inserter__block-patterns-tabs-container nav { + height: 100%; +} + +.block-editor-inserter__block-patterns-tabs { + display: flex; + flex-direction: column; + padding: 16px; + overflow-y: auto; + height: 100%; +} +.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child { + margin-top: auto; +} +.block-editor-inserter__block-patterns-tabs .block-editor-inserter__patterns-category { + padding-right: 4px; +} + +.block-editor-inserter__patterns-category-dialog { + background: #f0f0f0; + border-left: 1px solid #e0e0e0; + border-right: 1px solid #e0e0e0; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__patterns-category-dialog { + left: 100%; + display: block; + width: 300px; + } +} +.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list { + overflow-y: auto; + flex-grow: 1; + height: 100%; + padding: 16px 24px; +} + +.block-editor-block-patterns-list__list-item .block-editor-block-preview__container { + box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07); +} +.block-editor-block-patterns-list__list-item:hover .block-editor-block-preview__container { + box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); +} + +.block-editor-inserter__patterns-category-panel { + padding: 0 16px; + display: flex; + flex-direction: column; + height: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__patterns-category-panel { + padding: 0; + } +} +.block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-panel-header { + padding: 16px 24px; +} +.block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-no-results { + margin-top: 24px; +} + +.block-editor-inserter__preview-content { + min-height: 144px; + background: #f0f0f0; + display: grid; + flex-grow: 1; + align-items: center; +} + +.block-editor-inserter__preview-content-missing { + flex: 1; + display: flex; + justify-content: center; + align-items: center; + min-height: 144px; + color: #757575; + background: #f0f0f0; + border-radius: 2px; +} + +.block-editor-inserter__tips { + border-top: 1px solid #ddd; + padding: 16px; + flex-shrink: 0; + position: relative; +} + +.block-editor-inserter__quick-inserter { + width: 100%; + max-width: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__quick-inserter { + width: 350px; + } +} + +.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { + height: 0; + padding: 0; + float: left; +} + +.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, +.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { + padding: 16px; +} + +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 8px; +} +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { + margin-bottom: 0; +} +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { + min-height: 100px; +} + +.block-editor-inserter__quick-inserter-separator { + border-top: 1px solid #ddd; +} + +.block-editor-inserter__popover.is-quick > .components-popover__content { + padding: 0; +} + +.block-editor-inserter__quick-inserter-expand.components-button { + display: block; + background: #1e1e1e; + color: #fff; + width: 100%; + height: 44px; + border-radius: 0; +} +.block-editor-inserter__quick-inserter-expand.components-button:hover { + color: #fff; +} +.block-editor-inserter__quick-inserter-expand.components-button:active { + color: #ccc; +} +.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { + box-shadow: none; + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} + +.block-editor-block-patterns-explorer__sidebar { + position: absolute; + top: 72px; + left: 0; + bottom: 0; + width: 280px; + padding: 24px 32px 32px; + overflow-x: visible; + overflow-y: scroll; +} +.block-editor-block-patterns-explorer__sidebar__categories-list__item { + display: block; + width: 100%; + height: 48px; + text-align: left; +} +.block-editor-block-patterns-explorer__search { + margin-bottom: 32px; +} +.block-editor-block-patterns-explorer__search-results-count { + padding-bottom: 32px; +} +.block-editor-block-patterns-explorer__list { + margin-left: 280px; + padding: 24px 0 32px; +} +.block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container { + width: 380px; +} +.block-editor-block-patterns-explorer .block-editor-block-patterns-list { + display: grid; + grid-gap: 32px; + grid-template-columns: repeat(1, 1fr); + margin-bottom: 16px; +} +@media (min-width: 1080px) { + .block-editor-block-patterns-explorer .block-editor-block-patterns-list { + grid-template-columns: repeat(2, 1fr); + } +} +@media (min-width: 1440px) { + .block-editor-block-patterns-explorer .block-editor-block-patterns-list { + grid-template-columns: repeat(3, 1fr); + } +} +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { + min-height: 240px; +} +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { + height: inherit; + min-height: 100px; + max-height: 800px; +} + +.block-editor-inserter__patterns-category-panel-title { + font-size: calc(1.25 * 13px); +} + +.block-editor-inserter__media-tabs-container { + height: 100%; +} +.block-editor-inserter__media-tabs-container nav { + height: 100%; +} +.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button { + padding: 16px; + justify-content: center; + margin-top: 16px; + width: 100%; +} + +.block-editor-inserter__media-tabs { + display: flex; + flex-direction: column; + padding: 16px; + overflow-y: auto; + height: 100%; +} +.block-editor-inserter__media-tabs div[role=listitem]:last-child { + margin-top: auto; +} +.block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category { + padding-right: 4px; +} +.block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected { + color: var(--wp-admin-theme-color); + position: relative; +} +.block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item { + filter: brightness(0.95); +} +.block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected svg { + fill: var(--wp-admin-theme-color); +} +.block-editor-inserter__media-tabs .block-editor-inserter__media-tabs__media-category.is-selected::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + border-radius: 2px; + opacity: 0.04; + background: var(--wp-admin-theme-color); +} + +.block-editor-inserter__media-dialog { + background: #f0f0f0; + border-left: 1px solid #e0e0e0; + border-right: 1px solid #e0e0e0; + position: absolute; + padding: 16px 24px; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow-y: auto; + scrollbar-gutter: stable both-edges; +} +@media (min-width: 782px) { + .block-editor-inserter__media-dialog { + left: 100%; + display: block; + width: 300px; + } +} +.block-editor-inserter__media-dialog .block-editor-block-preview__container { + box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07); +} +.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover { + box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); +} + +.block-editor-inserter__media-panel { + min-height: 100%; + padding: 0 16px; + display: flex; + flex-direction: column; +} +@media (min-width: 782px) { + .block-editor-inserter__media-panel { + padding: 0; + } +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner { + height: 100%; + display: flex; + align-items: center; + justify-content: center; + flex: 1; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within) { + --wp-components-color-background: #fff; +} + +.block-editor-inserter__media-list { + margin-top: 16px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item { + position: relative; + cursor: pointer; + margin-bottom: 24px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder { + min-height: 100px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container { + cursor: grab; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview { + box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07); +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options > button { + display: block; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options { + position: absolute; + right: 8px; + top: 8px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button { + background: #fff; + border-radius: 2px; + display: none; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button.is-opened, .block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:focus { + display: block; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:hover { + box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item { + height: 100%; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview { + display: flex; + align-items: center; + overflow: hidden; + border-radius: 2px; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview > * { + margin: 0 auto; + max-width: 100%; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner { + display: flex; + height: 100%; + width: 100%; + position: absolute; + justify-content: center; + background: rgba(255, 255, 255, 0.7); + align-items: center; + pointer-events: none; +} +.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview { + box-shadow: inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item { + min-width: auto; +} + +.block-editor-inserter__mobile-tab-navigation { + padding: 16px; + height: 100%; +} +.block-editor-inserter__mobile-tab-navigation > * { + height: 100%; +} + +@media (min-width: 600px) { + .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal { + max-width: 480px; + } +} +.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p { + margin: 0; +} + +.block-editor-inserter__hint { + margin: 16px 16px 0; +} + +.reusable-blocks-menu-items__rename-hint { + align-items: top; + background: #f0f0f0; + border-radius: 2px; + color: #1e1e1e; + display: flex; + flex-direction: row; + max-width: 380px; +} + +.reusable-blocks-menu-items__rename-hint-content { + margin: 12px 0 12px 12px; +} + +.reusable-blocks-menu-items__rename-hint-dismiss { + margin: 4px 4px 4px 0; +} + +.components-menu-group .reusable-blocks-menu-items__rename-hint { + margin: 0; +} + +.block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input { + height: 40px; +} + +.is-zoom-out .block-editor-inserter__menu { + display: flex; +} +.is-zoom-out .block-editor-inserter__patterns-category-dialog { + position: static; +} + +.spacing-sizes-control .spacing-sizes-control__custom-value-input, +.spacing-sizes-control .spacing-sizes-control__label { + margin-bottom: 0; +} +.spacing-sizes-control .spacing-sizes-control__range-control, +.spacing-sizes-control .spacing-sizes-control__custom-value-range { + height: 40px; + /* Vertically center the RangeControl until it has true 40px height. */ + display: flex; + align-items: center; + margin-bottom: 0; + flex: 1; +} +.spacing-sizes-control .spacing-sizes-control__range-control > .components-base-control__field, +.spacing-sizes-control .spacing-sizes-control__custom-value-range > .components-base-control__field { + /* Fixes RangeControl contents when the outer wrapper is flex */ + flex: 1; +} +.spacing-sizes-control .components-range-control__mark { + height: 4px; + width: 3px; + background-color: #fff; + z-index: 1; +} +.spacing-sizes-control .components-range-control__marks { + margin-top: 17px; +} +.spacing-sizes-control .components-range-control__marks :first-child { + display: none; +} +.spacing-sizes-control .components-range-control__thumb-wrapper { + z-index: 3; +} + +.spacing-sizes-control__header { + height: 16px; + margin-bottom: 12px; +} + +.spacing-sizes-control__dropdown { + height: 24px; +} + +.spacing-sizes-control__custom-select-control, +.spacing-sizes-control__custom-value-input { + flex: 1; +} + +.spacing-sizes-control__icon, +.spacing-sizes-control__custom-toggle { + flex: 0 0 auto; +} + +.spacing-sizes-control__icon { + margin-left: -4px; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color--rgb: 0, 133, 186; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color--rgb: 56, 88, 233; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color--rgb: 9, 100, 132; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color--rgb: 70, 64, 60; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color--rgb: 82, 63, 109; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color--rgb: 225, 77, 67; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color--rgb: 98, 124, 131; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color--rgb: 221, 130, 59; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} +@charset "UTF-8"; +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +.wp-block-archives { + box-sizing: border-box; +} + +.wp-block-archives-dropdown label { + display: block; +} + +.wp-block-avatar { + box-sizing: border-box; + line-height: 0; +} +.wp-block-avatar img { + box-sizing: border-box; +} +.wp-block-avatar.aligncenter { + text-align: center; +} + +.wp-block-audio { + box-sizing: border-box; +} +.wp-block-audio figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-audio audio { + width: 100%; + min-width: 300px; +} + +.wp-block-button__link { + cursor: pointer; + display: inline-block; + text-align: center; + word-break: break-word; + box-sizing: border-box; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + /*rtl:ignore*/ + text-align: right; +} + +:where(.wp-block-button__link) { + box-shadow: none; + text-decoration: none; + border-radius: 9999px; + padding: calc(0.667em + 2px) calc(1.333em + 2px); +} + +.wp-block-button[style*=text-decoration] .wp-block-button__link { + text-decoration: inherit; +} + +.wp-block-buttons > .wp-block-button.has-custom-width { + max-width: none; +} +.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { + width: 100%; +} +.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75)); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5)); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25)); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: 100%; + flex-basis: 100%; +} + +.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { + width: 25%; +} +.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { + width: 50%; +} +.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { + width: 75%; +} + +.wp-block-button.is-style-squared, +.wp-block-button__link.wp-block-button.is-style-squared { + border-radius: 0; +} + +.wp-block-button.no-border-radius, +.wp-block-button__link.no-border-radius { + border-radius: 0 !important; +} + +.wp-block-button:where(.is-style-outline) > .wp-block-button__link, +.wp-block-button .wp-block-button__link:where(.is-style-outline) { + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-text-color), +.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-text-color) { + color: currentColor; +} + +.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background), +.wp-block-button .wp-block-button__link:where(.is-style-outline):not(.has-background) { + background-color: transparent; + background-image: none; +} + +.wp-block-button .wp-block-button__link:where(.has-border-color) { + border-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-top-color"]) { + border-top-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-right-color"]) { + border-right-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) { + border-bottom-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-left-color"]) { + border-left-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-style"]) { + border-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-top-style"]) { + border-top-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-right-style"]) { + border-right-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) { + border-bottom-width: initial; +} +.wp-block-button .wp-block-button__link:where([style*="border-left-style"]) { + border-left-width: initial; +} + +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons.is-vertical { + flex-direction: column; +} +.wp-block-buttons.is-vertical > .wp-block-button:last-child { + margin-bottom: 0; +} +.wp-block-buttons > .wp-block-button { + display: inline-block; + margin: 0; +} +.wp-block-buttons.is-content-justification-left { + justify-content: flex-start; +} +.wp-block-buttons.is-content-justification-left.is-vertical { + align-items: flex-start; +} +.wp-block-buttons.is-content-justification-center { + justify-content: center; +} +.wp-block-buttons.is-content-justification-center.is-vertical { + align-items: center; +} +.wp-block-buttons.is-content-justification-right { + justify-content: flex-end; +} +.wp-block-buttons.is-content-justification-right.is-vertical { + align-items: flex-end; +} +.wp-block-buttons.is-content-justification-space-between { + justify-content: space-between; +} +.wp-block-buttons.aligncenter { + text-align: center; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block-button.aligncenter { + /* stylelint-enable indentation */ + margin-left: auto; + margin-right: auto; + width: 100%; +} +.wp-block-buttons[style*=text-decoration] .wp-block-button, +.wp-block-buttons[style*=text-decoration] .wp-block-button__link { + text-decoration: inherit; +} +.wp-block-buttons.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} + +.wp-block-button.aligncenter { + text-align: center; +} + +.wp-block-calendar { + text-align: center; +} +.wp-block-calendar th, +.wp-block-calendar td { + padding: 0.25em; + border: 1px solid; +} +.wp-block-calendar th { + font-weight: 400; +} +.wp-block-calendar caption { + background-color: inherit; +} +.wp-block-calendar table { + width: 100%; + border-collapse: collapse; +} +.wp-block-calendar table:where(:not(.has-text-color)) { + color: #40464d; +} +.wp-block-calendar table:where(:not(.has-text-color)) th, +.wp-block-calendar table:where(:not(.has-text-color)) td { + border-color: #ddd; +} +.wp-block-calendar table.has-background th { + background-color: inherit; +} +.wp-block-calendar table.has-text-color th { + color: inherit; +} + +:where(.wp-block-calendar table:not(.has-background) th) { + background: #ddd; +} + +.wp-block-categories { + box-sizing: border-box; + /* Only apply the text align on dropdowns, not lists. */ +} +.wp-block-categories.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-categories.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +.wp-block-categories.wp-block-categories-dropdown.aligncenter { + text-align: center; +} + +.wp-block-code { + box-sizing: border-box; +} +.wp-block-code code { + display: block; + font-family: inherit; + overflow-wrap: break-word; + white-space: pre-wrap; +} + +.wp-block-columns { + display: flex; + box-sizing: border-box; + flex-wrap: wrap !important; + align-items: initial !important; + /** + * All Columns Alignment + */ +} +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap !important; + } +} +.wp-block-columns.are-vertically-aligned-top { + align-items: flex-start; +} +.wp-block-columns.are-vertically-aligned-center { + align-items: center; +} +.wp-block-columns.are-vertically-aligned-bottom { + align-items: flex-end; +} +@media (max-width: 781px) { + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 782px) { + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } +} +.wp-block-columns.is-not-stacked-on-mobile { + flex-wrap: nowrap !important; +} +.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { + flex-basis: 0; + flex-grow: 1; +} +.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { + flex-grow: 0; +} + +:where(.wp-block-columns) { + margin-bottom: 1.75em; +} + +:where(.wp-block-columns.has-background) { + padding: 1.25em 2.375em; +} + +.wp-block-column { + flex-grow: 1; + min-width: 0; + word-break: break-word; + overflow-wrap: break-word; + /** + * Individual Column Alignment + */ +} +.wp-block-column.is-vertically-aligned-top { + align-self: flex-start; +} +.wp-block-column.is-vertically-aligned-center { + align-self: center; +} +.wp-block-column.is-vertically-aligned-bottom { + align-self: flex-end; +} +.wp-block-column.is-vertically-aligned-stretch { + align-self: stretch; +} +.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { + width: 100%; +} + +/* Styles for backwards compatibility with the legacy `post-comments` block */ +.wp-block-post-comments { + box-sizing: border-box; + /* utility classes */ + /* end utility classes */ +} +.wp-block-post-comments .alignleft { + float: left; +} +.wp-block-post-comments .alignright { + float: right; +} +.wp-block-post-comments .navigation::after { + content: ""; + display: table; + clear: both; +} +.wp-block-post-comments .commentlist { + clear: both; + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .commentlist .comment { + min-height: 2.25em; + padding-left: 3.25em; +} +.wp-block-post-comments .commentlist .comment p { + font-size: 1em; + line-height: 1.8; + margin: 1em 0; +} +.wp-block-post-comments .commentlist .children { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .comment-author { + line-height: 1.5; +} +.wp-block-post-comments .comment-author .avatar { + border-radius: 1.5em; + display: block; + float: left; + height: 2.5em; + margin-top: 0.5em; + margin-right: 0.75em; + width: 2.5em; +} +.wp-block-post-comments .comment-author cite { + font-style: normal; +} +.wp-block-post-comments .comment-meta { + font-size: 0.875em; + line-height: 1.5; +} +.wp-block-post-comments .comment-meta b { + font-weight: normal; +} +.wp-block-post-comments .comment-meta .comment-awaiting-moderation { + margin-top: 1em; + margin-bottom: 1em; + display: block; +} +.wp-block-post-comments .comment-body .commentmetadata { + font-size: 0.875em; +} +.wp-block-post-comments .comment-form-comment label, +.wp-block-post-comments .comment-form-author label, +.wp-block-post-comments .comment-form-email label, +.wp-block-post-comments .comment-form-url label { + display: block; + margin-bottom: 0.25em; +} +.wp-block-post-comments .comment-form textarea, +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) { + display: block; + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments .comment-form-cookies-consent { + display: flex; + gap: 0.25em; +} +.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { + margin-top: 0.35em; +} +.wp-block-post-comments .comment-reply-title { + margin-bottom: 0; +} +.wp-block-post-comments .comment-reply-title :where(small) { + font-size: var(--wp--preset--font-size--medium, smaller); + margin-left: 0.5em; +} +.wp-block-post-comments .reply { + font-size: 0.875em; + margin-bottom: 1.4em; +} +.wp-block-post-comments textarea, +.wp-block-post-comments input:not([type=submit]) { + border: 1px solid #949494; + font-size: 1em; + font-family: inherit; +} +.wp-block-post-comments textarea, +.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) { + padding: calc(0.667em + 2px); +} + +:where(.wp-block-post-comments input[type="submit"]) { + border: none; +} + +.wp-block-comments-pagination > .wp-block-comments-pagination-next, +.wp-block-comments-pagination > .wp-block-comments-pagination-previous, +.wp-block-comments-pagination > .wp-block-comments-pagination-numbers { + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, +.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, +.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow { + margin-right: 1ch; + display: inline-block; +} +.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) { + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow { + margin-left: 1ch; + display: inline-block; +} +.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) { + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.wp-block-comments-pagination.aligncenter { + justify-content: center; +} + +.wp-block-comment-template { + box-sizing: border-box; + margin-bottom: 0; + max-width: 100%; + list-style: none; + padding: 0; +} +.wp-block-comment-template li { + clear: both; +} +.wp-block-comment-template ol { + margin-bottom: 0; + max-width: 100%; + list-style: none; + padding-left: 2rem; +} +.wp-block-comment-template.alignleft { + float: left; +} +.wp-block-comment-template.aligncenter { + margin-left: auto; + margin-right: auto; + width: -moz-fit-content; + width: fit-content; +} +.wp-block-comment-template.alignright { + float: right; +} + +.wp-block-cover-image, +.wp-block-cover { + position: relative; + background-position: center center; + min-height: 430px; + display: flex; + justify-content: center; + align-items: center; + padding: 1em; + overflow: hidden; + overflow: clip; + box-sizing: border-box; + /*rtl:raw: direction: ltr; */ + /** + * Set a default background color for has-background-dim _unless_ it includes another + * background-color class (e.g. has-green-background-color). The presence of another + * background-color class implies that another style will provide the background color + * for the overlay. + * + * See: + * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 + * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 + */ +} +.wp-block-cover-image.has-background-dim:not([class*=-background-color]), +.wp-block-cover-image .has-background-dim:not([class*=-background-color]), +.wp-block-cover.has-background-dim:not([class*=-background-color]), +.wp-block-cover .has-background-dim:not([class*=-background-color]) { + background-color: #000; +} +.wp-block-cover-image .has-background-dim.has-background-gradient, +.wp-block-cover .has-background-dim.has-background-gradient { + background-color: transparent; +} +.wp-block-cover-image.has-background-dim::before, +.wp-block-cover.has-background-dim::before { + content: ""; + background-color: inherit; +} +.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover-image .wp-block-cover__background, +.wp-block-cover-image .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover .wp-block-cover__background, +.wp-block-cover .wp-block-cover__gradient-background { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1; + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { + opacity: 0.1; +} +.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { + opacity: 0.2; +} +.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { + opacity: 0.3; +} +.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { + opacity: 0.4; +} +.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { + opacity: 0.6; +} +.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { + opacity: 0.7; +} +.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { + opacity: 0.8; +} +.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { + opacity: 0.9; +} +.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background, +.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background, +.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { + opacity: 1; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0 { + opacity: 0; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10 { + opacity: 0.1; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20 { + opacity: 0.2; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30 { + opacity: 0.3; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40 { + opacity: 0.4; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50 { + opacity: 0.5; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60 { + opacity: 0.6; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 { + opacity: 0.7; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80 { + opacity: 0.8; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90 { + opacity: 0.9; +} +.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, +.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100, +.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, +.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100 { + opacity: 1; +} +.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-cover-image::after, +.wp-block-cover::after { + display: block; + content: ""; + font-size: 0; + min-height: inherit; +} +@supports (position: sticky) { + .wp-block-cover-image::after, +.wp-block-cover::after { + content: none; + } +} +.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.aligncenter, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + display: flex; +} +.wp-block-cover-image .wp-block-cover__inner-container, +.wp-block-cover .wp-block-cover__inner-container { + width: 100%; + z-index: 1; + color: inherit; + /*rtl:raw: direction: rtl; */ +} +.wp-block-cover-image p:where(:not(.has-text-color)), +.wp-block-cover-image h1:where(:not(.has-text-color)), +.wp-block-cover-image h2:where(:not(.has-text-color)), +.wp-block-cover-image h3:where(:not(.has-text-color)), +.wp-block-cover-image h4:where(:not(.has-text-color)), +.wp-block-cover-image h5:where(:not(.has-text-color)), +.wp-block-cover-image h6:where(:not(.has-text-color)), +.wp-block-cover p:where(:not(.has-text-color)), +.wp-block-cover h1:where(:not(.has-text-color)), +.wp-block-cover h2:where(:not(.has-text-color)), +.wp-block-cover h3:where(:not(.has-text-color)), +.wp-block-cover h4:where(:not(.has-text-color)), +.wp-block-cover h5:where(:not(.has-text-color)), +.wp-block-cover h6:where(:not(.has-text-color)) { + color: inherit; +} +.wp-block-cover-image.is-position-top-left, +.wp-block-cover.is-position-top-left { + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-top-center, +.wp-block-cover.is-position-top-center { + align-items: flex-start; + justify-content: center; +} +.wp-block-cover-image.is-position-top-right, +.wp-block-cover.is-position-top-right { + align-items: flex-start; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-center-left, +.wp-block-cover.is-position-center-left { + align-items: center; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-center-center, +.wp-block-cover.is-position-center-center { + align-items: center; + justify-content: center; +} +.wp-block-cover-image.is-position-center-right, +.wp-block-cover.is-position-center-right { + align-items: center; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-bottom-left, +.wp-block-cover.is-position-bottom-left { + align-items: flex-end; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-bottom-center, +.wp-block-cover.is-position-bottom-center { + align-items: flex-end; + justify-content: center; +} +.wp-block-cover-image.is-position-bottom-right, +.wp-block-cover.is-position-bottom-right { + align-items: flex-end; + justify-content: flex-end; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { + margin: 0; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, .wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container { + margin: 0; + width: auto; +} +.wp-block-cover-image .wp-block-cover__image-background, +.wp-block-cover-image video.wp-block-cover__video-background, +.wp-block-cover .wp-block-cover__image-background, +.wp-block-cover video.wp-block-cover__video-background { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + max-width: none; + max-height: none; + object-fit: cover; + outline: none; + border: none; + box-shadow: none; +} + +.wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax, +.wp-block-cover__image-background.has-parallax, +video.wp-block-cover__video-background.has-parallax { + background-attachment: fixed; + background-size: cover; + background-repeat: no-repeat; +} +@supports (-webkit-touch-callout: inherit) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax, +.wp-block-cover__image-background.has-parallax, +video.wp-block-cover__video-background.has-parallax { + background-attachment: scroll; + } +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax, +.wp-block-cover__image-background.has-parallax, +video.wp-block-cover__video-background.has-parallax { + background-attachment: scroll; + } +} +.wp-block-cover-image.is-repeated, +.wp-block-cover.is-repeated, +.wp-block-cover__image-background.is-repeated, +video.wp-block-cover__video-background.is-repeated { + background-repeat: repeat; + background-size: auto; +} + +.wp-block-cover__video-background { + z-index: 0; +} + +.wp-block-cover__image-background { + z-index: 0; +} + +section.wp-block-cover-image h2, +.wp-block-cover-image-text, +.wp-block-cover-text { + color: #fff; +} +section.wp-block-cover-image h2 a, +section.wp-block-cover-image h2 a:hover, +section.wp-block-cover-image h2 a:focus, +section.wp-block-cover-image h2 a:active, +.wp-block-cover-image-text a, +.wp-block-cover-image-text a:hover, +.wp-block-cover-image-text a:focus, +.wp-block-cover-image-text a:active, +.wp-block-cover-text a, +.wp-block-cover-text a:hover, +.wp-block-cover-text a:focus, +.wp-block-cover-text a:active { + color: #fff; +} + +.wp-block-cover-image .wp-block-cover.has-left-content { + justify-content: flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content { + justify-content: flex-end; +} + +section.wp-block-cover-image.has-left-content > h2, +.wp-block-cover-image.has-left-content .wp-block-cover-image-text, +.wp-block-cover.has-left-content .wp-block-cover-text { + margin-left: 0; + text-align: left; +} + +section.wp-block-cover-image.has-right-content > h2, +.wp-block-cover-image.has-right-content .wp-block-cover-image-text, +.wp-block-cover.has-right-content .wp-block-cover-text { + margin-right: 0; + text-align: right; +} + +section.wp-block-cover-image > h2, +.wp-block-cover-image .wp-block-cover-image-text, +.wp-block-cover .wp-block-cover-text { + font-size: 2em; + line-height: 1.25; + z-index: 1; + margin-bottom: 0; + max-width: 840px; + padding: 0.44em; + text-align: center; +} + +:where(.wp-block-cover:not(.has-text-color)), +:where(.wp-block-cover-image:not(.has-text-color)) { + color: #fff; +} + +:where(.wp-block-cover.is-light:not(.has-text-color)), +:where(.wp-block-cover-image.is-light:not(.has-text-color)) { + color: #000; +} + +.wp-block-details { + box-sizing: border-box; + overflow: hidden; +} + +.wp-block-details summary { + cursor: pointer; +} + +.wp-block[data-align=left] > [data-type="core/embed"], +.wp-block[data-align=right] > [data-type="core/embed"], +.wp-block-embed.alignleft, +.wp-block-embed.alignright { + max-width: 360px; + width: 100%; +} +.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block-embed.alignleft .wp-block-embed__wrapper, +.wp-block-embed.alignright .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-cover .wp-block-embed { + min-width: 320px; + min-height: 240px; +} + +.wp-block-embed { + overflow-wrap: break-word; +} +.wp-block-embed figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-embed iframe { + max-width: 100%; +} + +.wp-block-embed__wrapper { + position: relative; +} + +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { + content: ""; + display: block; + padding-top: 50%; +} +.wp-embed-responsive .wp-has-aspect-ratio iframe { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} + +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { + padding-top: 42.85%; +} +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { + padding-top: 50%; +} +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { + padding-top: 56.25%; +} +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { + padding-top: 75%; +} +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { + padding-top: 100%; +} +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { + padding-top: 177.77%; +} +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { + padding-top: 200%; +} + +.wp-block-file { + box-sizing: border-box; +} +.wp-block-file:not(.wp-element-button) { + font-size: 0.8em; +} +.wp-block-file.aligncenter { + text-align: center; +} +.wp-block-file.alignright { + /*rtl:ignore*/ + text-align: right; +} +.wp-block-file * + .wp-block-file__button { + margin-left: 0.75em; +} + +:where(.wp-block-file) { + margin-bottom: 1.5em; +} + +.wp-block-file__embed { + margin-bottom: 1em; +} + +:where(.wp-block-file__button) { + border-radius: 2em; + padding: 0.5em 1em; + display: inline-block; +} +:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active { + box-shadow: none; + color: #fff; + opacity: 0.85; + text-decoration: none; +} + +.wp-block-form-input__label { + width: 100%; + display: flex; + flex-direction: column; + gap: 0.25em; + margin-bottom: 0.5em; + /* + Small tweak to left-align the checkbox. + Even though `:has` is not currently supported in Firefox, this is a small tweak + and does not affect the functionality of the block or the user's experience. + There will be a minor inconsistency between browsers. However, it's more important to provide + a better experience for 80+% of users, until Firefox catches up and supports `:has`. + */ +} +.wp-block-form-input__label.is-label-inline { + flex-direction: row; + gap: 0.5em; + align-items: center; +} +.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content { + margin-bottom: 0.5em; +} +.wp-block-form-input__label:has(input[type=checkbox]) { + width: -moz-fit-content; + width: fit-content; + flex-direction: row-reverse; +} + +.wp-block-form-input__label-content { + width: -moz-fit-content; + width: fit-content; +} + +.wp-block-form-input__input { + padding: 0 0.5em; + font-size: 1em; + margin-bottom: 0.5em; +} +.wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] { + min-height: 2em; + line-height: 2; + border: 1px solid; +} + +textarea.wp-block-form-input__input { + min-height: 10em; +} + +.wp-block-gallery:not(.has-nested-images), +.blocks-gallery-grid:not(.has-nested-images) { + display: flex; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item { + margin: 0 1em 1em 0; + display: flex; + flex-grow: 1; + flex-direction: column; + justify-content: center; + position: relative; + width: calc(50% - 1em); +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) { + margin-right: 0; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure { + margin: 0; + height: 100%; + display: flex; + align-items: flex-end; + justify-content: flex-start; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img { + display: block; + max-width: 100%; + height: auto; + width: auto; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption { + position: absolute; + bottom: 0; + width: 100%; + max-height: 100%; + overflow: auto; + padding: 3em 0.77em 0.7em; + color: #fff; + text-align: center; + font-size: 0.8em; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + box-sizing: border-box; + margin: 0; + z-index: 2; +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img { + display: inline; +} +.wp-block-gallery:not(.has-nested-images) figcaption, +.blocks-gallery-grid:not(.has-nested-images) figcaption { + flex-grow: 1; +} +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a, +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a, +.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a, +.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { + width: 100%; + height: 100%; + flex: 1; + object-fit: cover; +} +.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { + width: 100%; + margin-right: 0; +} +@media (min-width: 600px) { + .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item { + width: calc(33.3333333333% - 0.6666666667em); + margin-right: 1em; + } + .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item { + width: calc(25% - 0.75em); + margin-right: 1em; + } + .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item { + width: calc(20% - 0.8em); + margin-right: 1em; + } + .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item { + width: calc(16.6666666667% - 0.8333333333em); + margin-right: 1em; + } + .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item { + width: calc(14.2857142857% - 0.8571428571em); + margin-right: 1em; + } + .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item, +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image, +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item { + width: calc(12.5% - 0.875em); + margin-right: 1em; + } + .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-right: 0; + } + .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) { + margin-right: 0; + } +} +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child, +.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child, +.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child { + margin-right: 0; +} +.wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright, +.blocks-gallery-grid:not(.has-nested-images).alignleft, +.blocks-gallery-grid:not(.has-nested-images).alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure { + justify-content: center; +} + +.wp-block-gallery:not(.is-cropped) .blocks-gallery-item { + align-self: flex-start; +} + +figure.wp-block-gallery.has-nested-images { + align-items: normal; +} + +.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { + width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2)); + margin: 0; +} +.wp-block-gallery.has-nested-images figure.wp-block-image { + display: flex; + flex-grow: 1; + justify-content: center; + position: relative; + flex-direction: column; + max-width: 100%; + box-sizing: border-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image > div, +.wp-block-gallery.has-nested-images figure.wp-block-image > a { + margin: 0; + flex-direction: column; + flex-grow: 1; +} +.wp-block-gallery.has-nested-images figure.wp-block-image img { + display: block; + height: auto; + max-width: 100% !important; + width: auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + bottom: 0; + color: #fff; + font-size: 13px; + left: 0; + margin-bottom: 0; + max-height: 60%; + overflow: auto; + padding: 0 8px 8px; + position: absolute; + text-align: center; + width: 100%; + box-sizing: border-box; + scrollbar-width: thin; + scrollbar-gutter: stable both-edges; + scrollbar-color: transparent transparent; + will-change: transform; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar { + width: 12px; + height: 12px; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track { + background-color: transparent; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb { + background-color: transparent; + border-radius: 8px; + border: 3px solid transparent; + background-clip: padding-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb { + background-color: rgba(255, 255, 255, 0.8); +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within { + scrollbar-color: rgba(255, 255, 255, 0.8) transparent; +} +@media (hover: none) { + .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { + scrollbar-color: rgba(255, 255, 255, 0.8) transparent; + } +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { + display: inline; +} +.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a { + color: inherit; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img { + box-sizing: border-box; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div, +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > div, +.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border > a { + flex: 1 1 auto; +} +.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption { + flex: initial; + background: none; + color: inherit; + margin: 0; + padding: 10px 10px 9px; + position: relative; +} +.wp-block-gallery.has-nested-images figcaption { + flex-grow: 1; + flex-basis: 100%; + text-align: center; +} +.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { + margin-top: 0; + margin-bottom: auto; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { + align-self: inherit; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { + display: flex; +} +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, +.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { + width: 100%; + flex: 1 0 0%; + height: 100%; + object-fit: cover; +} +.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { + width: 100%; +} +@media (min-width: 600px) { + .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { + width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); + } + .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { + width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75)); + } + .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { + width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8)); + } + .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { + width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333)); + } + .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { + width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571)); + } + .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { + width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { + width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), +.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { + width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5)); + } + .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { + width: 100%; + } +} +.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.has-nested-images.aligncenter { + justify-content: center; +} + +.wp-block-group { + box-sizing: border-box; +} + +h1.has-background, +h2.has-background, +h3.has-background, +h4.has-background, +h5.has-background, +h6.has-background { + padding: 1.25em 2.375em; +} +h1.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h1.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), +h2.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), +h2.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), +h3.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), +h3.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), +h4.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), +h4.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), +h5.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), +h5.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]), +h6.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), +h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) { + rotate: 180deg; +} + +.wp-block-image img { + height: auto; + max-width: 100%; + vertical-align: bottom; + box-sizing: border-box; +} +.wp-block-image[style*=border-radius] > a, +.wp-block-image[style*=border-radius] img { + border-radius: inherit; +} +.wp-block-image.has-custom-border img { + box-sizing: border-box; +} +.wp-block-image.aligncenter { + text-align: center; +} +.wp-block-image.alignfull img, .wp-block-image.alignwide img { + height: auto; + width: 100%; +} +.wp-block-image.alignleft, .wp-block-image.alignright, .wp-block-image.aligncenter, +.wp-block-image .alignleft, +.wp-block-image .alignright, +.wp-block-image .aligncenter { + display: table; +} +.wp-block-image.alignleft > figcaption, .wp-block-image.alignright > figcaption, .wp-block-image.aligncenter > figcaption, +.wp-block-image .alignleft > figcaption, +.wp-block-image .alignright > figcaption, +.wp-block-image .aligncenter > figcaption { + display: table-caption; + caption-side: bottom; +} +.wp-block-image .alignleft { + /*rtl:ignore*/ + float: left; + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .alignright { + /*rtl:ignore*/ + float: right; + /*rtl:ignore*/ + margin-right: 0; + /*rtl:ignore*/ + margin-left: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .aligncenter { + margin-left: auto; + margin-right: auto; +} +.wp-block-image figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-image.is-style-rounded img, +.wp-block-image .is-style-rounded img { + border-radius: 9999px; +} +.wp-block-image.is-style-circle-mask img { + border-radius: 9999px; +} +@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { + .wp-block-image.is-style-circle-mask img { + /* stylelint-disable */ + -webkit-mask-image: url("data:image/svg+xml;utf8,"); + mask-image: url("data:image/svg+xml;utf8,"); + /* stylelint-enable */ + mask-mode: alpha; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: contain; + mask-size: contain; + -webkit-mask-position: center; + mask-position: center; + border-radius: 0; + } +} +.wp-block-image :where(.has-border-color) { + border-style: solid; +} +.wp-block-image :where([style*="border-top-color"]) { + border-top-style: solid; +} +.wp-block-image :where([style*="border-right-color"]) { + border-right-style: solid; +} +.wp-block-image :where([style*="border-bottom-color"]) { + border-bottom-style: solid; +} +.wp-block-image :where([style*="border-left-color"]) { + border-left-style: solid; +} +.wp-block-image :where([style*="border-width"]) { + border-style: solid; +} +.wp-block-image :where([style*="border-top-width"]) { + border-top-style: solid; +} +.wp-block-image :where([style*="border-right-width"]) { + border-right-style: solid; +} +.wp-block-image :where([style*="border-bottom-width"]) { + border-bottom-style: solid; +} +.wp-block-image :where([style*="border-left-width"]) { + border-left-style: solid; +} + +.wp-block-image figure { + margin: 0; +} + +.wp-lightbox-container { + position: relative; + display: flex; + flex-direction: column; +} +.wp-lightbox-container img { + cursor: zoom-in; +} +.wp-lightbox-container img:hover + button { + opacity: 1; +} +.wp-lightbox-container button { + opacity: 0; + border: none; + background-color: rgba(90, 90, 90, 0.25); + -webkit-backdrop-filter: blur(16px) saturate(180%); + backdrop-filter: blur(16px) saturate(180%); + cursor: zoom-in; + display: flex; + justify-content: center; + align-items: center; + width: 20px; + height: 20px; + position: absolute; + z-index: 100; + top: 16px; + right: 16px; + text-align: center; + padding: 0; + border-radius: 4px; + transition: opacity 0.2s ease; +} +.wp-lightbox-container button:focus-visible { + outline: 3px auto rgba(90, 90, 90, 0.25); + outline: 3px auto -webkit-focus-ring-color; + outline-offset: 3px; +} +.wp-lightbox-container button:hover { + cursor: pointer; + opacity: 1; +} +.wp-lightbox-container button:focus { + opacity: 1; +} +.wp-lightbox-container button:hover, .wp-lightbox-container button:focus, .wp-lightbox-container button:not(:hover):not(:active):not(.has-background) { + background-color: rgba(90, 90, 90, 0.25); + border: none; +} + +.wp-lightbox-overlay { + position: fixed; + top: 0; + left: 0; + z-index: 100000; + overflow: hidden; + width: 100%; + height: 100vh; + box-sizing: border-box; + visibility: hidden; + cursor: zoom-out; +} +.wp-lightbox-overlay .close-button { + position: absolute; + top: calc(env(safe-area-inset-top) + 16px); + right: calc(env(safe-area-inset-right) + 16px); + padding: 0; + cursor: pointer; + z-index: 5000000; + min-width: 40px; + min-height: 40px; + display: flex; + align-items: center; + justify-content: center; +} +.wp-lightbox-overlay .close-button:hover, .wp-lightbox-overlay .close-button:focus, .wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background) { + background: none; + border: none; +} +.wp-lightbox-overlay .lightbox-image-container { + position: absolute; + overflow: hidden; + top: 50%; + left: 50%; + transform-origin: top left; + transform: translate(-50%, -50%); + width: var(--wp--lightbox-container-width); + height: var(--wp--lightbox-container-height); + z-index: 9999999999; +} +.wp-lightbox-overlay .wp-block-image { + position: relative; + transform-origin: 0 0; + display: flex; + width: 100%; + height: 100%; + justify-content: center; + align-items: center; + box-sizing: border-box; + z-index: 3000000; + margin: 0; +} +.wp-lightbox-overlay .wp-block-image img { + min-width: var(--wp--lightbox-image-width); + min-height: var(--wp--lightbox-image-height); + width: var(--wp--lightbox-image-width); + height: var(--wp--lightbox-image-height); +} +.wp-lightbox-overlay .wp-block-image figcaption { + display: none; +} +.wp-lightbox-overlay button { + border: none; + background: none; +} +.wp-lightbox-overlay .scrim { + width: 100%; + height: 100%; + position: absolute; + z-index: 2000000; + background-color: white; + opacity: 0.9; +} +.wp-lightbox-overlay.active { + visibility: visible; + animation: both turn-on-visibility 0.25s; +} +.wp-lightbox-overlay.active img { + animation: both turn-on-visibility 0.35s; +} +.wp-lightbox-overlay.show-closing-animation:not(.active) { + animation: both turn-off-visibility 0.35s; +} +.wp-lightbox-overlay.show-closing-animation:not(.active) img { + animation: both turn-off-visibility 0.25s; +} +@media (prefers-reduced-motion: no-preference) { + .wp-lightbox-overlay.zoom.active { + opacity: 1; + visibility: visible; + animation: none; + } + .wp-lightbox-overlay.zoom.active .lightbox-image-container { + animation: lightbox-zoom-in 0.4s; + } + .wp-lightbox-overlay.zoom.active .lightbox-image-container img { + animation: none; + } + .wp-lightbox-overlay.zoom.active .scrim { + animation: turn-on-visibility 0.4s forwards; + } + .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) { + animation: none; + } + .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container { + animation: lightbox-zoom-out 0.4s; + } + .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img { + animation: none; + } + .wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim { + animation: turn-off-visibility 0.4s forwards; + } +} + +@keyframes turn-on-visibility { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes turn-off-visibility { + 0% { + opacity: 1; + visibility: visible; + } + 99% { + opacity: 0; + visibility: visible; + } + 100% { + opacity: 0; + visibility: hidden; + } +} +@keyframes lightbox-zoom-in { + 0% { + transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); + } + 100% { + transform: translate(-50%, -50%) scale(1, 1); + } +} +@keyframes lightbox-zoom-out { + 0% { + visibility: visible; + transform: translate(-50%, -50%) scale(1, 1); + } + 99% { + visibility: visible; + } + 100% { + visibility: hidden; + transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width)) / 2 + var(--wp--lightbox-initial-left-position)), calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); + } +} +ol.wp-block-latest-comments { + margin-left: 0; + box-sizing: border-box; +} + +:where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) { + line-height: 1.1; +} + +:where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) { + line-height: 1.8; +} + +.has-dates :where(.wp-block-latest-comments:not([style*="line-height"])), +.has-excerpts :where(.wp-block-latest-comments:not([style*="line-height"])) { + line-height: 1.5; +} + +.wp-block-latest-comments .wp-block-latest-comments { + padding-left: 0; +} + +.wp-block-latest-comments__comment { + list-style: none; + margin-bottom: 1em; +} +.has-avatars .wp-block-latest-comments__comment { + min-height: 2.25em; + list-style: none; +} +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { + margin-left: 3.25em; +} + +.wp-block-latest-comments__comment-excerpt p { + font-size: 0.875em; + margin: 0.36em 0 1.4em; +} + +.wp-block-latest-comments__comment-date { + display: block; + font-size: 0.75em; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 1.5em; + display: block; + float: left; + height: 2.5em; + margin-right: 0.75em; + width: 2.5em; +} + +.wp-block-latest-comments[style*=font-size] a, +.wp-block-latest-comments[class*=-font-size] a { + font-size: inherit; +} + +.wp-block-latest-posts { + box-sizing: border-box; +} +.wp-block-latest-posts.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-latest-posts.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +.wp-block-latest-posts.wp-block-latest-posts__list { + list-style: none; + padding-left: 0; +} +.wp-block-latest-posts.wp-block-latest-posts__list li { + clear: both; +} +.wp-block-latest-posts.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; +} +.wp-block-latest-posts.is-grid li { + margin: 0 1.25em 1.25em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-latest-posts.columns-2 li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-latest-posts.columns-2 li:nth-child(2n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-3 li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-latest-posts.columns-3 li:nth-child(3n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-4 li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-latest-posts.columns-4 li:nth-child(4n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-5 li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-latest-posts.columns-5 li:nth-child(5n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-6 li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-latest-posts.columns-6 li:nth-child(6n) { + margin-right: 0; + } +} + +.wp-block-latest-posts__post-date, +.wp-block-latest-posts__post-author { + display: block; + font-size: 0.8125em; +} + +.wp-block-latest-posts__post-excerpt { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-latest-posts__featured-image a { + display: inline-block; +} +.wp-block-latest-posts__featured-image img { + height: auto; + width: auto; + max-width: 100%; +} +.wp-block-latest-posts__featured-image.alignleft { + /*rtl:ignore*/ + margin-right: 1em; + /*rtl:ignore*/ + float: left; +} +.wp-block-latest-posts__featured-image.alignright { + /*rtl:ignore*/ + margin-left: 1em; + /*rtl:ignore*/ + float: right; +} +.wp-block-latest-posts__featured-image.aligncenter { + margin-bottom: 1em; + text-align: center; +} + +ol, +ul { + box-sizing: border-box; +} +ol.has-background, +ul.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-media-text { + /*!rtl:begin:ignore*/ + direction: ltr; + /*!rtl:end:ignore*/ + display: grid; + grid-template-columns: 50% 1fr; + grid-template-rows: auto; + box-sizing: border-box; +} +.wp-block-media-text.has-media-on-the-right { + grid-template-columns: 1fr 50%; +} + +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { + align-self: start; +} + +.wp-block-media-text .wp-block-media-text__content, +.wp-block-media-text .wp-block-media-text__media, +.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { + align-self: center; +} + +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { + align-self: end; +} + +.wp-block-media-text .wp-block-media-text__media { + /*!rtl:begin:ignore*/ + grid-column: 1; + grid-row: 1; + /*!rtl:end:ignore*/ + margin: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + direction: ltr; + /*!rtl:begin:ignore*/ + grid-column: 2; + grid-row: 1; + /*!rtl:end:ignore*/ + padding: 0 8% 0 8%; + word-break: break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { + /*!rtl:begin:ignore*/ + grid-column: 2; + grid-row: 1; + /*!rtl:end:ignore*/ +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + /*!rtl:begin:ignore*/ + grid-column: 1; + grid-row: 1; + /*!rtl:end:ignore*/ +} + +.wp-block-media-text__media img, +.wp-block-media-text__media video { + height: auto; + max-width: unset; + width: 100%; + vertical-align: middle; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media { + height: 100%; + min-height: 250px; + background-size: cover; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { + display: block; + height: 100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media img { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +/* +* Here we here not able to use a mobile first CSS approach. +* Custom widths are set using inline styles, and on mobile, +* we need 100% width, so we use important to overwrite the inline style. +* If the style were set on mobile first, on desktop styles, +* we would have no way of setting the style again to the inline style. +*/ +@media (max-width: 600px) { + .wp-block-media-text.is-stacked-on-mobile { + grid-template-columns: 100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { + grid-column: 1; + grid-row: 1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + grid-column: 1; + grid-row: 2; + } +} +.wp-block-navigation { + position: relative; + --navigation-layout-justification-setting: flex-start; + --navigation-layout-direction: row; + --navigation-layout-wrap: wrap; + --navigation-layout-justify: flex-start; + --navigation-layout-align: center; +} +.wp-block-navigation ul { + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + padding-left: 0; +} +.wp-block-navigation ul, +.wp-block-navigation ul li { + list-style: none; + padding: 0; +} +.wp-block-navigation .wp-block-navigation-item { + background-color: inherit; + display: flex; + align-items: center; + position: relative; +} +.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { + display: none; +} +.wp-block-navigation .wp-block-navigation-item__content { + display: block; +} +.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { + color: inherit; +} +.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content { + text-decoration: underline; +} +.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active { + text-decoration: underline; +} +.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content { + text-decoration: line-through; +} +.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus, .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active { + text-decoration: line-through; +} +.wp-block-navigation:where(:not([class*="has-text-decoration"])) a { + text-decoration: none; +} +.wp-block-navigation:where(:not([class*="has-text-decoration"])) a:focus, .wp-block-navigation:where(:not([class*="has-text-decoration"])) a:active { + text-decoration: none; +} +.wp-block-navigation .wp-block-navigation__submenu-icon { + align-self: center; + line-height: 0; + display: inline-block; + font-size: inherit; + padding: 0; + background-color: inherit; + color: currentColor; + border: none; + width: 0.6em; + height: 0.6em; + margin-left: 0.25em; +} +.wp-block-navigation .wp-block-navigation__submenu-icon svg { + display: inline-block; + stroke: currentColor; + width: inherit; + height: inherit; + margin-top: 0.075em; +} +.wp-block-navigation.is-vertical { + --navigation-layout-direction: column; + --navigation-layout-justify: initial; + --navigation-layout-align: flex-start; +} +.wp-block-navigation.no-wrap { + --navigation-layout-wrap: nowrap; +} +.wp-block-navigation.items-justified-center { + --navigation-layout-justification-setting: center; + --navigation-layout-justify: center; +} +.wp-block-navigation.items-justified-center.is-vertical { + --navigation-layout-align: center; +} +.wp-block-navigation.items-justified-right { + --navigation-layout-justification-setting: flex-end; + --navigation-layout-justify: flex-end; +} +.wp-block-navigation.items-justified-right.is-vertical { + --navigation-layout-align: flex-end; +} +.wp-block-navigation.items-justified-space-between { + --navigation-layout-justification-setting: space-between; + --navigation-layout-justify: space-between; +} + +.wp-block-navigation .has-child .wp-block-navigation__submenu-container { + background-color: inherit; + color: inherit; + position: absolute; + z-index: 2; + display: flex; + flex-direction: column; + align-items: normal; + opacity: 0; + transition: opacity 0.1s linear; + visibility: hidden; + width: 0; + height: 0; + overflow: hidden; + left: -1px; + top: 100%; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { + display: flex; + flex-grow: 1; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { + margin-right: 0; + margin-left: auto; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content { + margin: 0; +} +@media (min-width: 782px) { + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + left: 100%; + top: -1px; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { + content: ""; + position: absolute; + right: 100%; + height: 100%; + display: block; + width: 0.5em; + background: transparent; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { + margin-right: 0.25em; + } + .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg { + transform: rotate(-90deg); + } +} +.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { + visibility: visible; + overflow: visible; + opacity: 1; + width: auto; + height: auto; + min-width: 200px; +} +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container { + visibility: visible; + overflow: visible; + opacity: 1; + width: auto; + height: auto; + min-width: 200px; +} +.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { + visibility: visible; + overflow: visible; + opacity: 1; + width: auto; + height: auto; + min-width: 200px; +} + +.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { + left: 0; + top: 100%; +} +@media (min-width: 782px) { + .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + left: 100%; + top: 0; + } +} + +.wp-block-navigation-submenu { + position: relative; + display: flex; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { + stroke: currentColor; +} + +button.wp-block-navigation-item__content { + background-color: transparent; + border: none; + color: currentColor; + font-size: inherit; + font-family: inherit; + line-height: inherit; + font-style: inherit; + font-weight: inherit; + text-transform: inherit; + text-align: left; +} + +.wp-block-navigation-submenu__toggle { + cursor: pointer; +} + +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle { + padding-left: 0; + padding-right: 0.85em; +} +.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon { + margin-left: -0.6em; + pointer-events: none; +} + +.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) { + padding: 0; +} + +/** + * Margins + */ +.wp-block-navigation__responsive-container, +.wp-block-navigation__responsive-close, +.wp-block-navigation__responsive-dialog, +.wp-block-navigation .wp-block-page-list, +.wp-block-navigation__container, +.wp-block-navigation__responsive-container-content { + gap: inherit; +} + +/** + * Paddings + */ +:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)), +:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) { + padding: 0.5em 1em; +} + +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)), +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)), +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content), +:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) { + padding: 0.5em 1em; +} + +/** + * Justifications. + */ +.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container { + left: auto; + right: 0; +} +.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + left: -1px; + right: -1px; +} +@media (min-width: 782px) { + .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, +.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + left: auto; + right: 100%; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { + background-color: #fff; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.wp-block-navigation.has-background .wp-block-navigation__submenu-container { + background-color: inherit; +} + +.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container { + color: #000; +} + +.wp-block-navigation__container { + display: flex; + flex-wrap: var(--navigation-layout-wrap, wrap); + flex-direction: var(--navigation-layout-direction, initial); + justify-content: var(--navigation-layout-justify, initial); + align-items: var(--navigation-layout-align, initial); + list-style: none; + margin: 0; + padding-left: 0; +} +.wp-block-navigation__container .is-responsive { + display: none; +} + +.wp-block-navigation__container:only-child, +.wp-block-page-list:only-child { + flex-grow: 1; +} + +/** + * Mobile menu. + */ +@keyframes overlay-menu__fade-in-animation { + from { + opacity: 0; + transform: translateY(0.5em); + } + to { + opacity: 1; + transform: translateY(0); + } +} +.wp-block-navigation__responsive-container { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) { + color: inherit; +} +.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { + display: flex; + flex-wrap: var(--navigation-layout-wrap, wrap); + flex-direction: var(--navigation-layout-direction, initial); + justify-content: var(--navigation-layout-justify, initial); + align-items: var(--navigation-layout-align, initial); +} +.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { + color: inherit !important; + background-color: inherit !important; +} +.wp-block-navigation__responsive-container.is-menu-open { + display: flex; + flex-direction: column; + background-color: inherit; + animation: overlay-menu__fade-in-animation 0.1s ease-out; + animation-fill-mode: forwards; + padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem); + padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem); + padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem); + padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em); + overflow: auto; + z-index: 100000; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-navigation__responsive-container.is-menu-open { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { + padding-top: calc(2rem + 24px); + overflow: visible; + display: flex; + flex-direction: column; + flex-wrap: nowrap; + align-items: var(--navigation-layout-justification-setting, inherit); +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { + justify-content: flex-start; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { + display: none; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { + opacity: 1; + visibility: visible; + height: auto; + width: auto; + overflow: initial; + min-width: 200px; + position: static; + border: none; + padding-left: 2rem; + padding-right: 2rem; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { + gap: inherit; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { + padding-top: var(--wp--style--block-gap, 2em); +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { + padding: 0; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { + display: flex; + flex-direction: column; + align-items: var(--navigation-layout-justification-setting, initial); +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { + color: inherit !important; + background: transparent !important; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { + right: auto; + left: auto; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { + display: block; + width: 100%; + position: relative; + z-index: auto; + background-color: inherit; + } + .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { + display: none; + } + .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { + left: 0; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { + background-color: #fff; +} + +.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open { + color: #000; +} + +.wp-block-navigation__toggle_button_label { + font-size: 1rem; + font-weight: bold; +} + +.wp-block-navigation__responsive-container-open, +.wp-block-navigation__responsive-container-close { + vertical-align: middle; + cursor: pointer; + color: currentColor; + background: transparent; + border: none; + margin: 0; + padding: 0; + text-transform: inherit; +} +.wp-block-navigation__responsive-container-open svg, +.wp-block-navigation__responsive-container-close svg { + fill: currentColor; + pointer-events: none; + display: block; + width: 24px; + height: 24px; +} + +.wp-block-navigation__responsive-container-open { + display: flex; +} +.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open { + font-family: inherit; + font-weight: inherit; + font-size: inherit; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container-open:not(.always-shown) { + display: none; + } +} + +.wp-block-navigation__responsive-container-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; +} +.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { + font-family: inherit; + font-weight: inherit; + font-size: inherit; +} + +.wp-block-navigation__responsive-close { + width: 100%; +} +.has-modal-open .wp-block-navigation__responsive-close { + max-width: var(--wp--style--global--wide-size, 100%); + margin-left: auto; + margin-right: auto; +} +.wp-block-navigation__responsive-close:focus { + outline: none; +} + +.is-menu-open .wp-block-navigation__responsive-close, +.is-menu-open .wp-block-navigation__responsive-dialog, +.is-menu-open .wp-block-navigation__responsive-container-content { + box-sizing: border-box; +} + +.wp-block-navigation__responsive-dialog { + position: relative; +} + +.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { + margin-top: 46px; +} +@media (min-width: 782px) { + .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog { + margin-top: 32px; + } +} + +html.has-modal-open { + overflow: hidden; +} + +.wp-block-navigation .wp-block-navigation-item__label { + overflow-wrap: break-word; +} +.wp-block-navigation .wp-block-navigation-item__description { + display: none; +} + +.link-ui-tools { + border-top: 1px solid #f0f0f0; + padding: 8px; +} + +.link-ui-block-inserter { + padding-top: 8px; +} + +.link-ui-block-inserter__back { + margin-left: 8px; + text-transform: uppercase; +} + +.components-popover-pointer-events-trap { + z-index: 1000000; + position: fixed; + inset: 0; + background-color: transparent; + cursor: pointer; +} + +.wp-block-navigation .wp-block-page-list { + display: flex; + flex-direction: var(--navigation-layout-direction, initial); + justify-content: var(--navigation-layout-justify, initial); + align-items: var(--navigation-layout-align, initial); + flex-wrap: var(--navigation-layout-wrap, wrap); + background-color: inherit; +} +.wp-block-navigation .wp-block-navigation-item { + background-color: inherit; +} + +.is-small-text { + font-size: 0.875em; +} + +.is-regular-text { + font-size: 1em; +} + +.is-large-text { + font-size: 2.25em; +} + +.is-larger-text { + font-size: 3em; +} + +.has-drop-cap:not(:focus)::first-letter { + float: left; + font-size: 8.4em; + line-height: 0.68; + font-weight: 100; + margin: 0.05em 0.1em 0 0; + text-transform: uppercase; + font-style: normal; +} + +body.rtl .has-drop-cap:not(:focus)::first-letter { + float: initial; + margin-left: 0.1em; +} + +p.has-drop-cap.has-background { + overflow: hidden; +} + +p.has-background { + padding: 1.25em 2.375em; +} + +:where(p.has-text-color:not(.has-link-color)) a { + color: inherit; +} + +p.has-text-align-right[style*="writing-mode:vertical-rl"], +p.has-text-align-left[style*="writing-mode:vertical-lr"] { + rotate: 180deg; +} + +.wp-block-post-author { + display: flex; + flex-wrap: wrap; +} +.wp-block-post-author__byline { + width: 100%; + margin-top: 0; + margin-bottom: 0; + font-size: 0.5em; +} +.wp-block-post-author__avatar { + margin-right: 1em; +} +.wp-block-post-author__bio { + margin-bottom: 0.7em; + font-size: 0.7em; +} +.wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author__name { + margin: 0; +} + +.wp-block-post-comments-form { + box-sizing: border-box; +} +.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { + font-weight: inherit; +} +.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) { + font-family: inherit; +} +.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) { + font-size: inherit; +} +.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) { + line-height: inherit; +} +.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) { + font-style: inherit; +} +.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) { + letter-spacing: inherit; +} +.wp-block-post-comments-form input[type=submit] { + box-shadow: none; + cursor: pointer; + display: inline-block; + text-align: center; + overflow-wrap: break-word; +} +.wp-block-post-comments-form textarea, +.wp-block-post-comments-form input:not([type=submit]) { + border: 1px solid #949494; + font-size: 1em; + font-family: inherit; +} +.wp-block-post-comments-form textarea, +.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) { + padding: calc(0.667em + 2px); +} +.wp-block-post-comments-form .comment-form textarea, +.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) { + display: block; + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments-form .comment-form-author label, +.wp-block-post-comments-form .comment-form-email label, +.wp-block-post-comments-form .comment-form-url label { + display: block; + margin-bottom: 0.25em; +} +.wp-block-post-comments-form .comment-form-cookies-consent { + display: flex; + gap: 0.25em; +} +.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { + margin-top: 0.35em; +} +.wp-block-post-comments-form .comment-reply-title { + margin-bottom: 0; +} +.wp-block-post-comments-form .comment-reply-title :where(small) { + font-size: var(--wp--preset--font-size--medium, smaller); + margin-left: 0.5em; +} + +.wp-block-post-date { + box-sizing: border-box; +} + +:where(.wp-block-post-excerpt) { + margin-top: var(--wp--style--block-gap); + margin-bottom: var(--wp--style--block-gap); +} + +.wp-block-post-excerpt__excerpt { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-post-excerpt__more-text { + margin-top: var(--wp--style--block-gap); + margin-bottom: 0; +} + +.wp-block-post-excerpt__more-link { + display: inline-block; +} + +.wp-block-post-featured-image { + margin-left: 0; + margin-right: 0; +} +.wp-block-post-featured-image a { + display: block; + height: 100%; +} +.wp-block-post-featured-image img { + max-width: 100%; + width: 100%; + height: auto; + vertical-align: bottom; + box-sizing: border-box; +} +.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { + width: 100%; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim { + position: absolute; + inset: 0; + background-color: #000; +} +.wp-block-post-featured-image { + position: relative; +} + +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient { + background-color: transparent; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 { + opacity: 0; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 { + opacity: 0.1; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 { + opacity: 0.2; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 { + opacity: 0.3; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 { + opacity: 0.4; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 { + opacity: 0.5; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 { + opacity: 0.6; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 { + opacity: 0.7; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 { + opacity: 0.8; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 { + opacity: 0.9; +} +.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 { + opacity: 1; +} +.wp-block-post-featured-image:where(.alignleft, .alignright) { + width: 100%; +} + +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous { + display: inline-block; + margin-right: 1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) { + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next { + display: inline-block; + margin-left: 1ch; +} +.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) { + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"], .wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"] { + rotate: 180deg; +} + +.wp-block-post-terms { + box-sizing: border-box; +} +.wp-block-post-terms .wp-block-post-terms__separator { + white-space: pre-wrap; +} + +.wp-block-post-time-to-read { + box-sizing: border-box; +} + +.wp-block-post-title { + word-break: break-word; + box-sizing: border-box; +} +.wp-block-post-title a { + display: inline-block; +} + +.wp-block-preformatted { + box-sizing: border-box; + white-space: pre-wrap; +} + +:where(.wp-block-preformatted.has-background) { + padding: 1.25em 2.375em; +} + +.wp-block-pullquote { + padding: 4em 0; + text-align: center; + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-pullquote p, +.wp-block-pullquote blockquote, +.wp-block-pullquote cite { + color: inherit; +} +.wp-block-pullquote blockquote { + margin: 0; +} +.wp-block-pullquote p { + margin-top: 0; +} +.wp-block-pullquote p:last-child { + margin-bottom: 0; +} +.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + max-width: 420px; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer { + position: relative; +} +.wp-block-pullquote .has-text-color a { + color: inherit; +} + +:where(.wp-block-pullquote) { + margin: 0 0 1em 0; +} + +.wp-block-pullquote.has-text-align-left blockquote { + text-align: left; +} + +.wp-block-pullquote.has-text-align-right blockquote { + text-align: right; +} + +.wp-block-pullquote.is-style-solid-color { + border: none; +} +.wp-block-pullquote.is-style-solid-color blockquote { + margin-left: auto; + margin-right: auto; + max-width: 60%; +} +.wp-block-pullquote.is-style-solid-color blockquote p { + margin-top: 0; + margin-bottom: 0; + font-size: 2em; +} +.wp-block-pullquote.is-style-solid-color blockquote cite { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote cite { + color: inherit; +} + +.wp-block-post-template { + margin-top: 0; + margin-bottom: 0; + max-width: 100%; + list-style: none; + padding: 0; +} +.wp-block-post-template.wp-block-post-template { + background: none; +} +.wp-block-post-template.is-flex-container { + flex-direction: row; + display: flex; + flex-wrap: wrap; + gap: 1.25em; +} +.wp-block-post-template.is-flex-container > li { + margin: 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } +} + +@media (max-width: 600px) { + .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { + grid-template-columns: 1fr; + } +} +.wp-block-post-template-is-layout-constrained > li > .alignright, +.wp-block-post-template-is-layout-flow > li > .alignright { + float: right; + margin-inline-start: 2em; + margin-inline-end: 0; +} + +.wp-block-post-template-is-layout-constrained > li > .alignleft, +.wp-block-post-template-is-layout-flow > li > .alignleft { + float: left; + margin-inline-start: 0; + margin-inline-end: 2em; +} + +.wp-block-post-template-is-layout-constrained > li > .aligncenter, +.wp-block-post-template-is-layout-flow > li > .aligncenter { + margin-inline-start: auto; + margin-inline-end: auto; +} + +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-of-type { + margin-inline-start: auto; +} +.wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child { + margin-inline-end: auto; +} +.wp-block-query-pagination .wp-block-query-pagination-previous-arrow { + margin-right: 1ch; + display: inline-block; +} +.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.wp-block-query-pagination .wp-block-query-pagination-next-arrow { + margin-left: 1ch; + display: inline-block; +} +.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { + transform: scaleX(1) /*rtl:scaleX(-1);*/; +} +.wp-block-query-pagination.aligncenter { + justify-content: center; +} + +.wp-block-query-title { + box-sizing: border-box; +} + +.wp-block-quote { + box-sizing: border-box; + overflow-wrap: break-word; +} +.wp-block-quote.is-style-large:where(:not(.is-style-plain)), .wp-block-quote.is-large:where(:not(.is-style-plain)) { + margin-bottom: 1em; + padding: 0 1em; +} +.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p, .wp-block-quote.is-large:where(:not(.is-style-plain)) p { + font-size: 1.5em; + font-style: italic; + line-height: 1.6; +} +.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite, +.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer, .wp-block-quote.is-large:where(:not(.is-style-plain)) cite, +.wp-block-quote.is-large:where(:not(.is-style-plain)) footer { + font-size: 1.125em; + text-align: right; +} +.wp-block-quote > cite { + display: block; +} + +.wp-block-read-more { + display: block; + width: -moz-fit-content; + width: fit-content; +} +.wp-block-read-more:where(:not([style*="text-decoration"])) { + text-decoration: none; +} +.wp-block-read-more:where(:not([style*="text-decoration"])):focus, .wp-block-read-more:where(:not([style*="text-decoration"])):active { + text-decoration: none; +} + +ul.wp-block-rss { + list-style: none; + padding: 0; +} +ul.wp-block-rss.wp-block-rss { + box-sizing: border-box; +} +ul.wp-block-rss.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +ul.wp-block-rss.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +ul.wp-block-rss.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; + list-style: none; +} +ul.wp-block-rss.is-grid li { + margin: 0 1em 1em 0; + width: 100%; +} +@media (min-width: 600px) { + ul.wp-block-rss.columns-2 li { + width: calc(( 100% / 2 ) - 1em); + } + ul.wp-block-rss.columns-3 li { + width: calc(( 100% / 3 ) - 1em); + } + ul.wp-block-rss.columns-4 li { + width: calc(( 100% / 4 ) - 1em); + } + ul.wp-block-rss.columns-5 li { + width: calc(( 100% / 5 ) - 1em); + } + ul.wp-block-rss.columns-6 li { + width: calc(( 100% / 6 ) - 1em); + } +} + +.wp-block-rss__item-publish-date, +.wp-block-rss__item-author { + display: block; + font-size: 0.8125em; +} + +.wp-block-search__button { + margin-left: 10px; + word-break: normal; +} +.wp-block-search__button.has-icon { + line-height: 0; +} +.wp-block-search__button svg { + min-width: 24px; + min-height: 24px; + width: 1.25em; + height: 1.25em; + fill: currentColor; + vertical-align: text-bottom; +} + +:where(.wp-block-search__button) { + border: 1px solid #ccc; + padding: 6px 10px; +} + +.wp-block-search__inside-wrapper { + display: flex; + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} + +.wp-block-search__label { + width: 100%; +} + +.wp-block-search__input { + padding: 8px; + flex-grow: 1; + margin-left: 0; + margin-right: 0; + min-width: 3rem; + border: 1px solid #949494; + text-decoration: unset !important; + -webkit-appearance: initial; + appearance: initial; +} + +.wp-block-search.wp-block-search__button-only .wp-block-search__button { + margin-left: 0; + flex-shrink: 0; + max-width: 100%; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__button[aria-expanded=true] { + max-width: calc(100% - 100px); +} +.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { + transition-property: width; + min-width: 0 !important; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__input { + transition-duration: 300ms; + flex-basis: 100%; +} +.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden { + overflow: hidden; +} +.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper { + overflow: hidden; +} +.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input { + width: 0 !important; + min-width: 0 !important; + padding-left: 0 !important; + padding-right: 0 !important; + border-left-width: 0 !important; + border-right-width: 0 !important; + flex-grow: 0; + margin: 0; + flex-basis: 0; +} + +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { + padding: 4px; + border: 1px solid #949494; + box-sizing: border-box; +} +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input { + border-radius: 0; + border: none; + padding: 0 4px; +} +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus { + outline: none; +} +:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) { + padding: 4px 8px; +} + +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +} + +.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper { + float: right; +} + +.wp-block-separator { + border-top: 2px solid currentColor; + border-left: none; + border-right: none; + border-bottom: none; +} +.wp-block-separator.is-style-dots { + background: none !important; + border: none; + text-align: center; + line-height: 1; + height: auto; +} +.wp-block-separator.is-style-dots::before { + content: "···"; + color: currentColor; + font-size: 1.5em; + letter-spacing: 2em; + /*rtl:ignore*/ + padding-left: 2em; + font-family: serif; +} + +.wp-block-site-logo { + box-sizing: border-box; + line-height: 0; +} +.wp-block-site-logo a { + display: inline-block; + line-height: 0; +} +.wp-block-site-logo.is-default-size img { + width: 120px; + height: auto; +} +.wp-block-site-logo img { + height: auto; + max-width: 100%; +} +.wp-block-site-logo a, +.wp-block-site-logo img { + border-radius: inherit; +} +.wp-block-site-logo.aligncenter { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.wp-block-site-logo.is-style-rounded { + border-radius: 9999px; +} + +.wp-block-site-title a { + color: inherit; +} + +.wp-block-social-links { + box-sizing: border-box; + padding-left: 0; + padding-right: 0; + text-indent: 0; + margin-left: 0; + background: none; +} +.wp-block-social-links .wp-social-link a, +.wp-block-social-links .wp-social-link a:hover { + text-decoration: none; + border-bottom: 0; + box-shadow: none; +} +.wp-block-social-links .wp-social-link a { + padding: 0.25em; +} +.wp-block-social-links .wp-social-link svg { + width: 1em; + height: 1em; +} +.wp-block-social-links .wp-social-link span:not(.screen-reader-text) { + margin-left: 0.5em; + margin-right: 0.5em; + font-size: 0.65em; +} +.wp-block-social-links.has-small-icon-size { + font-size: 16px; +} +.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { + font-size: 24px; +} +.wp-block-social-links.has-large-icon-size { + font-size: 36px; +} +.wp-block-social-links.has-huge-icon-size { + font-size: 48px; +} +.wp-block-social-links.aligncenter { + justify-content: center; + display: flex; +} +.wp-block-social-links.alignright { + justify-content: flex-end; +} + +.wp-block-social-link { + display: block; + border-radius: 9999px; + transition: transform 0.1s ease; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-social-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-social-link a { + align-items: center; + display: flex; + line-height: 0; + transition: transform 0.1s ease; +} +.wp-block-social-link:hover { + transform: scale(1.1); +} + +.wp-block-social-links .wp-block-social-link.wp-social-link { + display: inline-block; + margin: 0; + padding: 0; +} +.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited, +.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg { + color: currentColor; + fill: currentColor; +} + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { + background-color: #f0f0f0; + color: #444; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { + background-color: #f90; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { + background-color: #1ea0c3; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { + background-color: #0757fe; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { + background-color: #1e1f26; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { + background-color: #02e49b; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { + background-color: #e94c89; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { + background-color: #4280ff; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { + background-color: #f45800; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { + background-color: #1778f2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { + background-color: #0461dd; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { + background-color: #e65678; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { + background-color: #24292d; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { + background-color: #eceadd; + color: #382110; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { + background-color: #ea4434; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar { + background-color: #1d4fc4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { + background-color: #f00075; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { + background-color: #e21b24; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { + background-color: #0d66c2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { + background-color: #3288d4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { + background-color: #02ab6c; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { + background-color: #f6405f; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { + background-color: #e60122; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { + background-color: #ef4155; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { + background-color: #ff4500; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { + background-color: #0478d7; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { + background-color: #fefc00; + color: #fff; + stroke: #000; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { + background-color: #ff5600; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { + background-color: #1bd760; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { + background-color: #2aabee; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { + background-color: #011835; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { + background-color: #6440a4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { + background-color: #1da1f2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { + background-color: #1eb7ea; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { + background-color: #4680c2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { + background-color: #3499cd; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp { + background-color: #25d366; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { + background-color: #d32422; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { + background-color: #f00; + color: #fff; +} + +.wp-block-social-links.is-style-logos-only .wp-social-link { + background: none; +} +.wp-block-social-links.is-style-logos-only .wp-social-link a { + padding: 0; +} +.wp-block-social-links.is-style-logos-only .wp-social-link svg { + width: 1.25em; + height: 1.25em; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { + color: #f90; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { + color: #1ea0c3; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-behance { + color: #0757fe; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { + color: #1e1f26; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { + color: #02e49b; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { + color: #e94c89; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { + color: #4280ff; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { + color: #f45800; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { + color: #1778f2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { + color: #0461dd; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { + color: #e65678; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-github { + color: #24292d; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { + color: #382110; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-google { + color: #ea4434; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-gravatar { + color: #1d4fc4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { + color: #f00075; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { + color: #e21b24; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { + color: #0d66c2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { + color: #3288d4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-medium { + color: #02ab6c; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { + color: #f6405f; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { + color: #e60122; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { + color: #ef4155; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { + color: #ff4500; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-skype { + color: #0478d7; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { + color: #fff; + stroke: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { + color: #ff5600; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { + color: #1bd760; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { + color: #2aabee; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-threads { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { + color: #011835; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { + color: #6440a4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { + color: #1da1f2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { + color: #1eb7ea; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-vk { + color: #4680c2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp { + color: #25d366; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { + color: #3499cd; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-x { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { + color: #d32422; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { + color: #f00; +} + +.wp-block-social-links.is-style-pill-shape .wp-social-link { + width: auto; +} +.wp-block-social-links.is-style-pill-shape .wp-social-link a { + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} + +.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label { + color: #000; +} + +.wp-block-spacer { + clear: both; +} + +.wp-block-tag-cloud { + box-sizing: border-box; +} +.wp-block-tag-cloud.aligncenter { + text-align: center; + justify-content: center; +} +.wp-block-tag-cloud.alignfull { + padding-left: 1em; + padding-right: 1em; +} +.wp-block-tag-cloud a { + display: inline-block; + margin-right: 5px; +} +.wp-block-tag-cloud span { + display: inline-block; + margin-left: 5px; + text-decoration: none; +} +.wp-block-tag-cloud.is-style-outline { + display: flex; + flex-wrap: wrap; + gap: 1ch; +} +.wp-block-tag-cloud.is-style-outline a { + border: 1px solid currentColor; + font-size: unset !important; + margin-right: 0; + padding: 1ch 2ch; + text-decoration: none !important; +} + +.wp-block-table { + overflow-x: auto; +} +.wp-block-table table { + border-collapse: collapse; + width: 100%; +} +.wp-block-table thead { + border-bottom: 3px solid; +} +.wp-block-table tfoot { + border-top: 3px solid; +} +.wp-block-table td, +.wp-block-table th { + border: 1px solid; + padding: 0.5em; +} +.wp-block-table .has-fixed-layout { + table-layout: fixed; + width: 100%; +} +.wp-block-table .has-fixed-layout td, +.wp-block-table .has-fixed-layout th { + word-break: break-word; +} +.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { + display: table; + width: auto; +} +.wp-block-table.alignleft td, +.wp-block-table.alignleft th, .wp-block-table.aligncenter td, +.wp-block-table.aligncenter th, .wp-block-table.alignright td, +.wp-block-table.alignright th { + word-break: break-word; +} +.wp-block-table .has-subtle-light-gray-background-color { + background-color: #f3f4f5; +} +.wp-block-table .has-subtle-pale-green-background-color { + background-color: #e9fbe5; +} +.wp-block-table .has-subtle-pale-blue-background-color { + background-color: #e7f5fe; +} +.wp-block-table .has-subtle-pale-pink-background-color { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes { + border-spacing: 0; + border-collapse: inherit; + background-color: transparent; + border-bottom: 1px solid #f0f0f0; +} +.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { + background-color: #f0f0f0; +} +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { + background-color: #f3f4f5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { + background-color: #e9fbe5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { + background-color: #e7f5fe; +} +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes th, +.wp-block-table.is-style-stripes td { + border-color: transparent; +} +.wp-block-table .has-border-color > *, +.wp-block-table .has-border-color tr, +.wp-block-table .has-border-color th, +.wp-block-table .has-border-color td { + border-color: inherit; +} +.wp-block-table table[style*=border-top-color] > *, +.wp-block-table table[style*=border-top-color] tr:first-child { + border-top-color: inherit; +} +.wp-block-table table[style*=border-top-color] > * th, +.wp-block-table table[style*=border-top-color] > * td, +.wp-block-table table[style*=border-top-color] tr:first-child th, +.wp-block-table table[style*=border-top-color] tr:first-child td { + border-top-color: inherit; +} +.wp-block-table table[style*=border-top-color] tr:not(:first-child) { + border-top-color: currentColor; +} +.wp-block-table table[style*=border-right-color] > *, +.wp-block-table table[style*=border-right-color] tr, +.wp-block-table table[style*=border-right-color] th, +.wp-block-table table[style*=border-right-color] td:last-child { + border-right-color: inherit; +} +.wp-block-table table[style*=border-bottom-color] > *, +.wp-block-table table[style*=border-bottom-color] tr:last-child { + border-bottom-color: inherit; +} +.wp-block-table table[style*=border-bottom-color] > * th, +.wp-block-table table[style*=border-bottom-color] > * td, +.wp-block-table table[style*=border-bottom-color] tr:last-child th, +.wp-block-table table[style*=border-bottom-color] tr:last-child td { + border-bottom-color: inherit; +} +.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) { + border-bottom-color: currentColor; +} +.wp-block-table table[style*=border-left-color] > *, +.wp-block-table table[style*=border-left-color] tr, +.wp-block-table table[style*=border-left-color] th, +.wp-block-table table[style*=border-left-color] td:first-child { + border-left-color: inherit; +} +.wp-block-table table[style*=border-style] > *, +.wp-block-table table[style*=border-style] tr, +.wp-block-table table[style*=border-style] th, +.wp-block-table table[style*=border-style] td { + border-style: inherit; +} +.wp-block-table table[style*=border-width] > *, +.wp-block-table table[style*=border-width] tr, +.wp-block-table table[style*=border-width] th, +.wp-block-table table[style*=border-width] td { + border-width: inherit; + border-style: inherit; +} + +:where(.wp-block-term-description) { + margin-top: var(--wp--style--block-gap); + margin-bottom: var(--wp--style--block-gap); +} + +.wp-block-term-description p { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-text-columns { + display: flex; +} +.wp-block-text-columns.aligncenter { + display: flex; +} +.wp-block-text-columns .wp-block-column { + margin: 0 1em; + padding: 0; +} +.wp-block-text-columns .wp-block-column:first-child { + margin-left: 0; +} +.wp-block-text-columns .wp-block-column:last-child { + margin-right: 0; +} +.wp-block-text-columns.columns-2 .wp-block-column { + width: calc(100% / 2); +} +.wp-block-text-columns.columns-3 .wp-block-column { + width: calc(100% / 3); +} +.wp-block-text-columns.columns-4 .wp-block-column { + width: calc(100% / 4); +} + +pre.wp-block-verse { + overflow: auto; + white-space: pre-wrap; +} + +:where(pre.wp-block-verse) { + font-family: inherit; +} + +.wp-block-video { + box-sizing: border-box; +} +.wp-block-video video { + width: 100%; + vertical-align: middle; +} +@supports (position: sticky) { + .wp-block-video [poster] { + object-fit: cover; + } +} +.wp-block-video.aligncenter { + text-align: center; +} +.wp-block-video figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.editor-styles-wrapper, +.entry-content { + counter-reset: footnotes; +} + +a[data-fn].fn { + vertical-align: super; + font-size: smaller; + counter-increment: footnotes; + display: inline-flex; + text-decoration: none; + text-indent: -9999999px; +} + +a[data-fn].fn::after { + content: "[" counter(footnotes) "]"; + text-indent: 0; + float: left; +} + +/** + * Element styles. + */ +.wp-element-button { + cursor: pointer; +} + +:root { + /* + * Our classes uses the same values we set for gradient value attributes, + * and we can not use spacing because of WP multi site kses rule. + */ + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ + --wp--preset--font-size--normal: 16px; + --wp--preset--font-size--huge: 42px; +} +:root .has-very-light-gray-background-color { + background-color: #eee; +} +:root .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .has-very-light-gray-color { + color: #eee; +} +:root .has-very-dark-gray-color { + color: #313131; +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +} +:root .has-purple-crush-gradient-background { + background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .has-subdued-olive-gradient-background { + background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +} +:root .has-atomic-cream-gradient-background { + background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +} +:root .has-nightshade-gradient-background { + background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +} +:root .has-midnight-gradient-background { + background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +} + +.has-regular-font-size { + font-size: 1em; +} + +.has-larger-font-size { + font-size: 2.625em; +} + +.has-normal-font-size { + font-size: var(--wp--preset--font-size--normal); +} + +.has-huge-font-size { + font-size: var(--wp--preset--font-size--huge); +} + +.has-text-align-center { + text-align: center; +} + +.has-text-align-left { + /*rtl:ignore*/ + text-align: left; +} + +.has-text-align-right { + /*rtl:ignore*/ + text-align: right; +} + +#end-resizable-editor-section { + display: none; +} + +.aligncenter { + clear: both; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} + +/** + * The following provide a simple means of applying a default border style when + * a user first makes a selection in the border block support panel. + * This prevents issues such as where the user could set a border width + * and see no border due there being no border style set. + * + * This is intended to be removed once intelligent defaults can be set while + * making border selections via the block support. + * + * See: https://github.com/WordPress/gutenberg/pull/33743 + */ +html :where(.has-border-color) { + border-style: solid; +} + +html :where([style*="border-top-color"]) { + border-top-style: solid; +} + +html :where([style*="border-right-color"]) { + border-right-style: solid; +} + +html :where([style*="border-bottom-color"]) { + border-bottom-style: solid; +} + +html :where([style*="border-left-color"]) { + border-left-style: solid; +} + +html :where([style*="border-width"]) { + border-style: solid; +} + +html :where([style*="border-top-width"]) { + border-top-style: solid; +} + +html :where([style*="border-right-width"]) { + border-right-style: solid; +} + +html :where([style*="border-bottom-width"]) { + border-bottom-style: solid; +} + +html :where([style*="border-left-width"]) { + border-left-style: solid; +} + +/** + * Provide baseline responsiveness for images. + */ +html :where(img[class*="wp-image-"]) { + height: auto; + max-width: 100%; +} + +/** + * Reset user agent styles for figure element margins. + */ +:where(figure) { + margin: 0 0 1em 0; +} + +html :where(.is-position-sticky) { + /* stylelint-disable length-zero-no-unit */ + --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); + /* stylelint-enable length-zero-no-unit */ +} + +@media screen and (max-width: 600px) { + html :where(.is-position-sticky) { + /* stylelint-disable length-zero-no-unit */ + --wp-admin--admin-bar--position-offset: 0px; + /* stylelint-enable length-zero-no-unit */ + } +} +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +ul.wp-block-archives { + padding-left: 2.5em; +} + +.wp-block-audio { + margin-left: 0; + margin-right: 0; + position: relative; +} +.wp-block-audio.is-transient audio { + opacity: 0.3; +} +.wp-block-audio .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +.wp-block-avatar__image img { + width: 100%; +} + +.wp-block-avatar.aligncenter .components-resizable-box__container { + margin: 0 auto; +} + +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { + padding-left: 0; + padding-right: 0; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { + display: block; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { + display: none; +} + +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; +} + +.wp-block[data-align=center] > .wp-block-button { + text-align: center; + margin-left: auto; + margin-right: auto; +} + +.wp-block[data-align=right] > .wp-block-button { + /*!rtl:ignore*/ + text-align: right; +} + +.wp-block-button { + position: relative; + cursor: text; +} +.wp-block-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: -2px; +} +.wp-block-button[data-rich-text-placeholder]::after { + opacity: 0.8; +} + +div[data-type="core/button"] { + display: table; +} + +.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link { + text-decoration: inherit; +} + +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) { + border-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) { + border-top-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) { + border-right-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) { + border-bottom-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) { + border-left-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) { + border-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) { + border-top-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) { + border-right-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) { + border-bottom-width: initial; +} +.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) { + border-left-width: initial; +} + +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons > .wp-block { + margin: 0; +} +.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { + margin: 0; +} +.wp-block-buttons > .block-list-appender { + display: inline-flex; + align-items: center; +} +.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { + justify-content: flex-start; +} +.wp-block-buttons > .wp-block-button:focus { + box-shadow: none; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block[data-align=center] { + /* stylelint-enable indentation */ + margin-left: auto; + margin-right: auto; + margin-top: 0; + width: 100%; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { + margin-bottom: 0; +} +.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} + +.wp-block[data-align=center] > .wp-block-buttons { + align-items: center; + justify-content: center; +} + +.wp-block[data-align=right] > .wp-block-buttons { + justify-content: flex-end; +} + +.wp-block-categories ul { + padding-left: 2.5em; +} +.wp-block-categories ul ul { + margin-top: 6px; +} + +/* Center alignment for classic themes. */ +[data-align=center] .wp-block-categories { + text-align: center; +} + +.wp-block-code code { + background: none; +} + +.wp-block-columns :where(.wp-block) { + max-width: none; + margin-left: 0; + margin-right: 0; +} + +html :where(.wp-block-column) { + margin-top: 0; + margin-bottom: 0; +} + +/* Styles for backwards compatibility with the legacy `post-comments` block */ +.wp-block-post-comments, .wp-block-comments__legacy-placeholder { + box-sizing: border-box; + /* utility classes */ + /* end utility classes */ +} +.wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft { + float: left; +} +.wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright { + float: right; +} +.wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after { + content: ""; + display: table; + clear: both; +} +.wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist { + clear: both; + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment { + min-height: 2.25em; + padding-left: 3.25em; +} +.wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p { + font-size: 1em; + line-height: 1.8; + margin: 1em 0; +} +.wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author { + line-height: 1.5; +} +.wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .comment-author .avatar { + border-radius: 1.5em; + display: block; + float: left; + height: 2.5em; + margin-top: 0.5em; + margin-right: 0.75em; + width: 2.5em; +} +.wp-block-post-comments .comment-author cite, .wp-block-comments__legacy-placeholder .comment-author cite { + font-style: normal; +} +.wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta { + font-size: 0.875em; + line-height: 1.5; +} +.wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b { + font-weight: normal; +} +.wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation { + margin-top: 1em; + margin-bottom: 1em; + display: block; +} +.wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata { + font-size: 0.875em; +} +.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label, +.wp-block-post-comments .comment-form-author label, +.wp-block-comments__legacy-placeholder .comment-form-author label, +.wp-block-post-comments .comment-form-email label, +.wp-block-comments__legacy-placeholder .comment-form-email label, +.wp-block-post-comments .comment-form-url label, +.wp-block-comments__legacy-placeholder .comment-form-url label { + display: block; + margin-bottom: 0.25em; +} +.wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea, +.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), +.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) { + display: block; + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent { + display: flex; + gap: 0.25em; +} +.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent { + margin-top: 0.35em; +} +.wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title { + margin-bottom: 0; +} +.wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) { + font-size: var(--wp--preset--font-size--medium, smaller); + margin-left: 0.5em; +} +.wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply { + font-size: 0.875em; + margin-bottom: 1.4em; +} +.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, +.wp-block-post-comments input:not([type=submit]), +.wp-block-comments__legacy-placeholder input:not([type=submit]) { + border: 1px solid #949494; + font-size: 1em; + font-family: inherit; +} +.wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea, +.wp-block-post-comments input:not([type=submit]):not([type=checkbox]), +.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) { + padding: calc(0.667em + 2px); +} + +:where(.wp-block-post-comments input[type="submit"]) { + border: none; +} + +.block-library-comments-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-comments__legacy-placeholder * { + pointer-events: none; +} + +.wp-block-comment-author-avatar__placeholder { + border: currentColor 1px dashed; + width: 100%; + height: 100%; + stroke: currentColor; + stroke-dasharray: 3; +} + +.wp-block[data-align=center] > .wp-block-comments-pagination { + justify-content: center; +} + +.editor-styles-wrapper .wp-block-comments-pagination { + max-width: 100%; +} +.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { + margin: 0; +} + +.wp-block-comments-pagination > .wp-block-comments-pagination-next, +.wp-block-comments-pagination > .wp-block-comments-pagination-previous, +.wp-block-comments-pagination > .wp-block-comments-pagination-numbers { + margin-left: 0; + margin-top: 0.5em; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, +.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, +.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +.wp-block-comments-pagination-numbers a { + text-decoration: underline; +} +.wp-block-comments-pagination-numbers .page-numbers { + margin-right: 2px; +} +.wp-block-comments-pagination-numbers .page-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +.wp-block-comments-title.has-background { + padding: inherit; +} + +.wp-block-cover { + /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ +} +.editor-styles-wrapper .wp-block-cover { + box-sizing: border-box; +} +.wp-block-cover.is-placeholder { + padding: 0 !important; + display: flex; + align-items: stretch; + min-height: 240px; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large { + justify-content: flex-start; + z-index: 1; +} +.wp-block-cover.is-placeholder:focus::after { + min-height: auto; +} +.wp-block-cover.components-placeholder h2 { + color: inherit; +} +.wp-block-cover.is-transient::before { + background-color: #fff; + opacity: 0.3; +} +.wp-block-cover .components-spinner { + position: absolute; + z-index: 1; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; +} +.wp-block-cover .wp-block-cover__inner-container { + text-align: left; + margin-left: 0; + margin-right: 0; +} +.wp-block-cover .wp-block-cover__placeholder-background-options { + width: 100%; +} +.wp-block-cover .wp-block-cover__image--placeholder-image { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +[data-align=left] > .wp-block-cover, +[data-align=right] > .wp-block-cover { + max-width: 420px; + width: 100%; +} + +.block-library-cover__reset-button { + margin-left: auto; +} + +.block-library-cover__resize-container { + position: absolute !important; + top: 0; + left: 0; + right: 0; + bottom: 0; + min-height: 50px; +} + +.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div, +.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container { + pointer-events: none; + overflow: visible; +} + +.wp-block-cover > .components-drop-zone .components-drop-zone__content { + opacity: 0.8 !important; +} + +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { + background-attachment: scroll; +} + +.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { + margin-top: 24px; +} + +.wp-block-cover::after { + min-height: auto; +} + +.wp-block-details summary div { + display: inline; +} + +.wp-block-embed { + margin-left: 0; + margin-right: 0; + clear: both; +} +.wp-block-embed.is-loading { + display: flex; + justify-content: center; +} +.wp-block-embed .components-placeholder__error { + word-break: break-word; +} + +.wp-block-embed__learn-more { + margin-top: 1em; +} +.wp-block-post-content .wp-block-embed__learn-more a { + color: var(--wp-admin-theme-color); +} + +.block-library-embed__interactive-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; +} + +.wp-block[data-align=left] > .wp-block-embed, +.wp-block[data-align=right] > .wp-block-embed { + max-width: 360px; + width: 100%; +} +.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, +.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-file { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + margin-bottom: 0; +} +.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { + height: auto; +} +.wp-block-file .components-resizable-box__container { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__preview { + margin-bottom: 1em; + width: 100%; + height: 100%; +} +.wp-block-file .wp-block-file__preview-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.wp-block-file .wp-block-file__content-wrapper { + flex-grow: 1; +} +.wp-block-file a { + min-width: 1em; +} +.wp-block-file a:not(.wp-block-file__button) { + display: inline-block; +} +.wp-block-file .wp-block-file__button-richtext-wrapper { + display: inline-block; + margin-left: 0.75em; +} + +.wp-block-form-input .is-input-hidden { + font-size: 0.85em; + opacity: 0.3; + border: 1px dashed; + padding: 0.5em; + box-sizing: border-box; + background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); +} +.wp-block-form-input .is-input-hidden input[type=text] { + background: transparent; +} +.wp-block-form-input.is-selected .is-input-hidden { + opacity: 1; + background: none; +} +.wp-block-form-input.is-selected .is-input-hidden input[type=text] { + background: unset; +} + +.wp-block-form-submission-notification > * { + opacity: 0.25; + border: 1px dashed; + box-sizing: border-box; + background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px); +} +.wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * { + opacity: 1; + background: none; +} +.wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after { + display: none !important; +} +.wp-block-form-submission-notification::after { + display: flex; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + justify-content: center; + align-items: center; + font-size: 1.1em; +} +.wp-block-form-submission-notification.form-notification-type-success::after { + content: attr(data-message-success); +} +.wp-block-form-submission-notification.form-notification-type-error::after { + content: attr(data-message-error); +} + +.wp-block-freeform.block-library-rich-text__tinymce { + height: auto; + /* Allow height of embed iframes to be calculated properly */ + /* Remove blue highlighting of selected images in WebKit */ + /* Image captions */ + /* WP Views */ +} +.wp-block-freeform.block-library-rich-text__tinymce p, +.wp-block-freeform.block-library-rich-text__tinymce li { + line-height: 1.8; +} +.wp-block-freeform.block-library-rich-text__tinymce ul, +.wp-block-freeform.block-library-rich-text__tinymce ol { + padding-left: 2.5em; + margin-left: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + margin: 0; + box-shadow: inset 0 0 0 0 #ddd; + border-left: 4px solid #000; + padding-left: 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce pre { + white-space: pre-wrap; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 15px; + color: #1e1e1e; +} +.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { + margin-top: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { + margin-bottom: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { + outline: none; +} +.wp-block-freeform.block-library-rich-text__tinymce a { + color: var(--wp-admin-theme-color); +} +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { + padding: 0 2px; + margin: 0 -2px; + border-radius: 2px; + box-shadow: 0 0 0 1px #e5f5fa; + background: #e5f5fa; +} +.wp-block-freeform.block-library-rich-text__tinymce code { + padding: 2px; + border-radius: 2px; + color: #1e1e1e; + background: #f0f0f0; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 14px; +} +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { + background: #ddd; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignright { + /*rtl:ignore*/ + float: right; + /*rtl:ignore*/ + margin: 0.5em 0 0.5em 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignleft { + /*rtl:ignore*/ + float: left; + /*rtl:ignore*/ + margin: 0.5em 1em 0.5em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { + width: 96%; + height: 20px; + display: block; + margin: 15px auto; + outline: 0; + cursor: default; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-size: 1900px 20px; + background-repeat: no-repeat; + background-position: center; +} +.wp-block-freeform.block-library-rich-text__tinymce img::selection { + background-color: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { + -ms-user-select: element; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { + margin: 0; + /* dl browser reset */ + max-width: 100%; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { + display: block; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { + -webkit-user-drag: none; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { + padding-top: 0.5em; + margin: 0; + /* browser dd reset */ +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview { + width: 99.99%; + /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ + position: relative; + clear: both; + margin-bottom: 16px; + border: 1px solid transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { + display: block; + max-width: 100%; + background: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { + display: none; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { + border: 1px dashed #ddd; + padding: 10px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { + border: 1px solid #ddd; + padding: 1em 0; + margin: 0; + word-wrap: break-word; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { + margin: 0; + text-align: center; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { + border-color: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { + display: block; + margin: 0 auto; + width: 32px; + height: 32px; + font-size: 32px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { + content: ""; + display: table; + clear: both; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { + outline: none; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery a { + cursor: default; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery { + margin: auto -6px; + padding: 6px 0; + line-height: 1; + overflow-x: hidden; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { + float: left; + margin: 0; + text-align: center; + padding: 6px; + box-sizing: border-box; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { + margin: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { + font-size: 13px; + margin: 4px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { + width: 100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { + width: 50%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { + width: 33.3333333333%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { + width: 25%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { + width: 20%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { + width: 16.6666666667%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { + width: 14.2857142857%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { + width: 12.5%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { + width: 11.1111111111%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img { + max-width: 100%; + height: auto; + border: none; + padding: 0; +} + +div[data-type="core/freeform"]::before { + transition: border-color 0.1s linear, box-shadow 0.1s linear; + border: 1px solid #ddd; + outline: 1px solid transparent; +} +@media (prefers-reduced-motion: reduce) { + div[data-type="core/freeform"]::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +div[data-type="core/freeform"].is-selected::before { + border-color: #1e1e1e; +} +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { + margin-top: 0; + padding-top: 0; +} +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { + content: ""; + display: table; + clear: both; +} + +.mce-toolbar-grp .mce-btn.mce-active button, +.mce-toolbar-grp .mce-btn.mce-active:hover button, +.mce-toolbar-grp .mce-btn.mce-active i, +.mce-toolbar-grp .mce-btn.mce-active:hover i { + color: #1e1e1e; +} +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { + margin-right: 0; + margin-left: 8px; +} +.mce-toolbar-grp .mce-btn i { + font-style: normal; +} + +.block-library-classic__toolbar { + display: none; + width: auto; + margin: 0; + position: sticky; + z-index: 31; + top: 0; + border: 1px solid #ddd; + border-bottom: none; + border-radius: 2px; + margin-bottom: 8px; + padding: 0; +} +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { + display: block; + border-color: #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce { + box-shadow: none; +} +@media (min-width: 600px) { + .block-library-classic__toolbar { + padding: 0; + } +} +.block-library-classic__toolbar:empty { + display: block; + background: #f5f5f5; + border-bottom: 1px solid #e2e4e7; +} +.block-library-classic__toolbar:empty::before { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + content: attr(data-placeholder); + color: #555d66; + line-height: 37px; + padding: 14px; +} +.block-library-classic__toolbar div.mce-toolbar-grp { + border-bottom: 1px solid #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce-inline, +.block-library-classic__toolbar .mce-tinymce-inline > div, +.block-library-classic__toolbar div.mce-toolbar-grp, +.block-library-classic__toolbar div.mce-toolbar-grp > div, +.block-library-classic__toolbar .mce-menubar, +.block-library-classic__toolbar .mce-menubar > div { + height: auto !important; + width: 100% !important; +} +.block-library-classic__toolbar .mce-container-body.mce-abs-layout { + overflow: visible; +} +.block-library-classic__toolbar .mce-menubar, +.block-library-classic__toolbar div.mce-toolbar-grp { + position: static; +} +.block-library-classic__toolbar .mce-toolbar-grp > div { + padding: 1px 3px; +} +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { + display: none; +} +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { + display: block; +} + +.block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { + height: 50vh !important; +} +@media (min-width: 960px) { + .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen) { + height: 9999rem; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header + div { + height: 100%; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce { + height: calc(100% - 36px - 16px); + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body { + height: 100%; + display: flex; + flex-direction: column; + min-width: 50vw; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area { + flex-grow: 1; + display: flex; + flex-direction: column; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe { + flex-grow: 1; + height: 10px !important; + } +} +.block-editor-freeform-modal__actions { + margin-top: 16px; +} + +figure.wp-block-gallery { + display: block; +} +figure.wp-block-gallery > .blocks-gallery-caption { + flex: 0 0 100%; +} +figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { + flex-basis: 100%; +} +figure.wp-block-gallery .wp-block-image .components-notice.is-error { + display: block; +} +figure.wp-block-gallery .wp-block-image .components-notice__content { + margin: 4px 0; +} +figure.wp-block-gallery .wp-block-image .components-notice__dismiss { + position: absolute; + top: 0; + right: 5px; +} +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { + display: none; +} +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { + margin-bottom: 0; +} +figure.wp-block-gallery .block-editor-media-placeholder { + margin: 0; +} +figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { + display: flex; +} +figure.wp-block-gallery .block-editor-media-placeholder figcaption { + z-index: 2; +} +figure.wp-block-gallery .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +/** + * Gallery inspector controls settings. + */ +.gallery-settings-buttons .components-button:first-child { + margin-right: 8px; +} + +.gallery-image-sizes .components-base-control__label { + display: block; + margin-bottom: 4px; +} +.gallery-image-sizes .gallery-image-sizes__loading { + display: flex; + align-items: center; + color: #757575; + font-size: 12px; +} +.gallery-image-sizes .components-spinner { + margin: 0 8px 0 4px; +} + +/** + * Deprecated css past this point. This can be removed once all galleries are migrated + * to V2. + */ +.blocks-gallery-item figure:not(.is-selected):focus, +.blocks-gallery-item img:focus { + outline: none; +} +.blocks-gallery-item figure.is-selected::before { + box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content: ""; + outline: 2px solid transparent; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: none; +} +.blocks-gallery-item figure.is-transient img { + opacity: 0.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { + display: inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder { + margin: 0; + height: 100%; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { + display: flex; +} + +.block-library-gallery-item__inline-menu { + display: none; + position: absolute; + top: -2px; + margin: 8px; + z-index: 20; + transition: box-shadow 0.2s ease-out; + border-radius: 2px; + background: #fff; + border: 1px solid #1e1e1e; +} +@media (prefers-reduced-motion: reduce) { + .block-library-gallery-item__inline-menu { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-library-gallery-item__inline-menu:hover { + box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1); +} +@media (min-width: 600px) { + .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { + padding: 2px; + } +} +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { + border: none; + box-shadow: none; +} +@media (min-width: 600px) { + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { + padding: 0; + width: inherit; + height: inherit; + } +} +.block-library-gallery-item__inline-menu.is-left { + left: -2px; +} +.block-library-gallery-item__inline-menu.is-right { + right: -2px; +} + +.wp-block-gallery ul.blocks-gallery-grid { + padding: 0; + margin: 0; +} + +@media (min-width: 600px) { + .wp-block-update-gallery-modal { + max-width: 480px; + } +} + +.wp-block-update-gallery-modal-buttons { + display: flex; + justify-content: flex-end; + gap: 12px; +} + +/** + * Group: All Alignment Settings + */ +.wp-block-group .block-editor-block-list__insertion-point { + left: 0; + right: 0; +} + +[data-type="core/group"].is-selected .block-list-appender { + margin-left: 0; + margin-right: 0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender { + margin-top: 18px; + margin-bottom: 18px; +} + +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child { + gap: inherit; + pointer-events: none; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child, +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-default-block-appender__content, +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { + display: inherit; + width: 100%; + flex-direction: inherit; + flex: 1; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after { + content: ""; + display: flex; + flex: 1 0 48px; + pointer-events: none; + min-height: 46px; + border: 1px dashed currentColor; + border-radius: 2px; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + background: currentColor; + opacity: 0.1; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter { + pointer-events: all; +} + +.wp-block-group__placeholder .wp-block-group-placeholder__variations { + list-style: none; + display: flex; + justify-content: center; + flex-direction: row; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0; +} +.wp-block-group__placeholder .components-placeholder__instructions { + margin-bottom: 18px; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg { + fill: #ccc !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover { + fill: var(--wp-admin-theme-color) !important; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations > li { + margin: 0 12px 12px 12px; + width: auto; + display: flex; + flex-direction: column; + align-items: center; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button { + width: 44px; + height: 32px; + padding: 0; +} +.wp-block-group__placeholder .wp-block-group-placeholder__variations li > .wp-block-group-placeholder__variation-button:hover { + box-shadow: none; +} +.wp-block-group__placeholder .components-placeholder { + min-height: auto; + padding: 24px; + align-items: center; +} +.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations > li, +.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations > li { + margin: 12px; +} + +.block-library-html__edit .block-library-html__preview-overlay { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.block-library-html__edit .block-editor-plain-text { + box-sizing: border-box; + max-height: 250px; + font-family: Menlo, Consolas, monaco, monospace !important; + color: #1e1e1e !important; + background: #fff !important; + padding: 12px !important; + border: 1px solid #1e1e1e !important; + box-shadow: none !important; + border-radius: 2px !important; + font-size: 16px !important; +} +@media (min-width: 600px) { + .block-library-html__edit .block-editor-plain-text { + font-size: 13px !important; + } +} +.block-library-html__edit .block-editor-plain-text:focus { + border-color: var(--wp-admin-theme-color) !important; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; + outline: 2px solid transparent !important; +} + +.wp-block-image.wp-block-image:not(.is-selected) .components-placeholder__fieldset { + display: none; +} +.wp-block-image.wp-block-image.is-selected .components-placeholder { + color: #1e1e1e; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + border: none; + filter: none !important; + border-radius: 2px; +} +.wp-block-image.wp-block-image.is-selected .components-placeholder > svg { + opacity: 0; +} +.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration { + display: none; +} +.wp-block-image.wp-block-image.is-selected .components-placeholder::before { + opacity: 0; +} +.wp-block-image.wp-block-image .block-bindings-media-placeholder-message { + opacity: 0; +} +.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message { + opacity: 1; +} +.wp-block-image.wp-block-image .components-placeholder__label, +.wp-block-image.wp-block-image .components-placeholder__instructions, +.wp-block-image.wp-block-image .components-button { + transition: none; +} + +figure.wp-block-image:not(.wp-block) { + margin: 0; +} + +.wp-block-image { + position: relative; +} +.wp-block-image .is-applying img, .wp-block-image.is-transient img { + opacity: 0.3; +} +.wp-block-image figcaption img { + display: inline; +} +.wp-block-image .components-spinner { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.wp-block-image .components-resizable-box__container { + display: table; +} +.wp-block-image .components-resizable-box__container img { + display: block; + width: inherit; + height: inherit; +} + +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { + position: absolute; + left: 0; + right: 0; + margin: -1px 0; +} +@media (min-width: 600px) { + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { + margin: -1px; + } +} + +[data-align=wide] > .wp-block-image img, +[data-align=full] > .wp-block-image img { + height: auto; + width: 100%; +} + +.wp-block[data-align=left] > .wp-block-image, +.wp-block[data-align=center] > .wp-block-image, +.wp-block[data-align=right] > .wp-block-image { + display: table; +} +.wp-block[data-align=left] > .wp-block-image > figcaption, +.wp-block[data-align=center] > .wp-block-image > figcaption, +.wp-block[data-align=right] > .wp-block-image > figcaption { + display: table-caption; + caption-side: bottom; +} + +.wp-block[data-align=left] > .wp-block-image { + margin-right: 1em; + margin-left: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=right] > .wp-block-image { + margin-left: 1em; + margin-right: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=center] > .wp-block-image { + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.wp-block-image__crop-area { + position: relative; + max-width: 100%; + width: 100%; + overflow: hidden; +} +.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image { + border: none; + border-radius: 0; +} + +.wp-block-image__crop-icon { + padding: 0 8px; + min-width: 48px; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-image__crop-icon svg { + fill: currentColor; +} + +.wp-block-image__zoom .components-popover__content { + min-width: 260px; + overflow: visible !important; +} + +.wp-block-image__aspect-ratio { + height: 46px; + margin-bottom: -8px; + display: flex; + align-items: center; +} +.wp-block-image__aspect-ratio .components-button { + width: 36px; + padding-left: 0; + padding-right: 0; +} + +.wp-block-image__toolbar_content_textarea { + width: 250px; +} + +.wp-block-latest-posts { + padding-left: 2.5em; +} +.wp-block-latest-posts.is-grid { + padding-left: 0; +} +.wp-block-latest-posts > li { + overflow: hidden; +} + +.wp-block-latest-posts li a > div { + display: inline; +} + +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; +} + +.editor-latest-posts-image-alignment-control .components-base-control__label { + display: block; +} +.editor-latest-posts-image-alignment-control .components-toolbar { + border-radius: 2px; +} + +.wp-block-media-text__media { + position: relative; +} +.wp-block-media-text__media.is-transient img { + opacity: 0.3; +} +.wp-block-media-text__media .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +.wp-block-media-text .__resizable_base__ { + grid-column: 1/span 2; + grid-row: 2; +} + +.wp-block-media-text .editor-media-container__resizer { + width: 100% !important; +} + +.wp-block-media-text.is-image-fill .editor-media-container__resizer { + height: 100% !important; +} + +.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { + max-width: unset; +} + +.block-editor-block-list__block[data-type="core/more"] { + max-width: 100%; + text-align: center; + margin-top: 28px; + margin-bottom: 28px; +} + +.wp-block-more { + display: block; + text-align: center; + white-space: nowrap; +} +.wp-block-more input[type=text] { + position: relative; + font-size: 13px; + text-transform: uppercase; + font-weight: 600; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #757575; + border: none; + box-shadow: none; + white-space: nowrap; + text-align: center; + margin: 0; + border-radius: 4px; + background: #fff; + padding: 6px 8px; + height: 24px; + max-width: 100%; +} +.wp-block-more input[type=text]:focus { + box-shadow: none; +} +.wp-block-more::before { + content: ""; + position: absolute; + top: calc(50%); + left: 0; + right: 0; + border-top: 3px dashed #ccc; +} + +/** + * Editor only CSS. + */ +.editor-styles-wrapper .wp-block-navigation ul { + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + padding-left: 0; +} +.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { + margin: revert; +} + +.wp-block-navigation-item__label { + display: inline; +} + +/** + * Submenus. + */ +.wp-block-navigation__container, +.wp-block-navigation-item { + background-color: inherit; +} + +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { + opacity: 0; + visibility: hidden; +} + +.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { + display: flex; + opacity: 1; + visibility: visible; +} + +.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { + opacity: 1; + visibility: visible; +} + +.is-editing > .wp-block-navigation__container { + visibility: visible; + opacity: 1; + display: flex; + flex-direction: column; +} + +.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { + opacity: 1; + visibility: hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { + visibility: visible; +} + +.is-editing > .wp-block-navigation__submenu-container > .block-list-appender { + display: block; + position: static; + width: 100%; +} +.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { + color: #fff; + background: #1e1e1e; + padding: 0; + width: 24px; + border-radius: 2px; + margin-right: 0; + margin-left: auto; +} + +.wp-block-navigation__submenu-container .block-list-appender { + display: none; +} + +/** + * Colors Selector component + */ +.block-library-colors-selector { + width: auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle { + display: block; + margin: 0 auto; + padding: 3px; + width: auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container { + height: 30px; + position: relative; + margin: 0 auto; + padding: 3px; + display: flex; + align-items: center; + border-radius: 4px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection { + margin-left: auto; + margin-right: auto; + border-radius: 11px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + width: 22px; + min-width: 22px; + height: 22px; + min-height: 22px; + line-height: 20px; + padding: 2px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection > svg { + min-width: auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { + color: inherit; +} + +.block-library-colors-selector__popover .color-palette-controller-container { + padding: 16px; +} +.block-library-colors-selector__popover .components-base-control__label { + height: 20px; + line-height: 20px; +} +.block-library-colors-selector__popover .component-color-indicator { + float: right; + margin-top: 2px; +} +.block-library-colors-selector__popover .components-panel__body-title { + display: none; +} + +.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender { + background-color: #1e1e1e; + color: #fff; +} +.wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { + padding: 0; +} + +.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { + background-color: transparent; + color: #1e1e1e; +} + +/** + * Setup state + */ +@keyframes loadingpulse { + 0% { + opacity: 1; + } + 50% { + opacity: 0.5; + } + 100% { + opacity: 1; + } +} +.components-placeholder.wp-block-navigation-placeholder { + outline: none; + padding: 0; + box-shadow: none; + background: none; + min-height: 0; + color: inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { + font-size: inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { + margin-bottom: 0; +} +.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { + color: #1e1e1e; +} + +.wp-block-navigation-placeholder__preview { + display: flex; + align-items: center; + min-width: 96px; + font-size: 13px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: currentColor; + background: transparent; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { + display: none; +} +.wp-block-navigation-placeholder__preview::before { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + border: 1px dashed currentColor; + border-radius: 2px; + border-radius: inherit; +} +.wp-block-navigation-placeholder__preview::before::before { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + pointer-events: none; + background: currentColor; + opacity: 0.1; +} +.wp-block-navigation-placeholder__preview > svg { + fill: currentColor; +} + +.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, +.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { + min-height: 90px; +} + +.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { + min-height: 132px; +} + +.wp-block-navigation-placeholder__preview, +.wp-block-navigation-placeholder__controls { + padding: 6px 8px; + flex-direction: row; + align-items: flex-start; +} + +.wp-block-navigation-placeholder__controls { + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + display: none; + position: relative; + z-index: 1; + float: left; + width: 100%; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { + display: flex; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, +.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { + display: none; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { + flex-direction: column; + align-items: flex-start; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { + display: none; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { + margin-right: 12px; + height: 36px; +} + +.wp-block-navigation-placeholder__actions__indicator { + display: flex; + padding: 0 6px 0 0; + align-items: center; + justify-content: flex-start; + line-height: 0; + height: 36px; + margin-left: 4px; +} +.wp-block-navigation-placeholder__actions__indicator svg { + margin-right: 4px; + fill: currentColor; +} + +.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { + flex-direction: row !important; +} + +.wp-block-navigation-placeholder__actions { + display: flex; + font-size: 13px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + gap: 6px; + align-items: center; + height: 100%; +} +.wp-block-navigation-placeholder__actions .components-dropdown, +.wp-block-navigation-placeholder__actions > .components-button { + margin-right: 0; +} +.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { + border: 0; + min-height: 1px; + min-width: 1px; + background-color: #1e1e1e; + margin: auto 0; + height: 100%; + max-height: 16px; +} + +/** + * Mobile menu. + */ +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { + display: none; + } +} + +.wp-block-navigation__responsive-container.is-menu-open { + position: fixed; + top: 155px; +} +@media (min-width: 782px) { + .wp-block-navigation__responsive-container.is-menu-open { + top: 93px; + } +} +@media (min-width: 782px) { + .wp-block-navigation__responsive-container.is-menu-open { + left: 36px; + } +} +@media (min-width: 960px) { + .wp-block-navigation__responsive-container.is-menu-open { + left: 160px; + } +} + +@media (min-width: 782px) { + .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { + top: 141px; + } +} + +.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, +.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { + top: 141px; +} + +.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { + right: 280px; +} + +.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { + left: 0; + top: 155px; +} +@media (min-width: 782px) { + .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { + top: 61px; + } +} +@media (min-width: 782px) { + .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { + top: 109px; + } +} +.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, +.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { + top: 109px; +} + +body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { + padding: 0; + height: auto; + color: inherit; +} + +.components-heading.wp-block-navigation-off-canvas-editor__title { + margin: 0; +} + +.wp-block-navigation-off-canvas-editor__header { + margin-bottom: 8px; +} + +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { + margin-top: 16px; +} + +@keyframes fadein { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.wp-block-navigation__loading-indicator-container { + padding: 8px 12px; +} + +.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator { + margin-top: 0; +} + +@keyframes fadeouthalf { + 0% { + opacity: 1; + } + 100% { + opacity: 0.5; + } +} +.wp-block-navigation-delete-menu-button { + width: 100%; + justify-content: center; + margin-bottom: 16px; +} + +.components-button.is-link.wp-block-navigation-manage-menus-button { + margin-bottom: 16px; +} + +.wp-block-navigation__overlay-menu-preview { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + background-color: #f0f0f0; + padding: 0 24px; + height: 64px; + margin-bottom: 12px; +} +.wp-block-navigation__overlay-menu-preview.open { + box-shadow: inset 0 0 0 1px #e0e0e0; + outline: 1px solid transparent; + background-color: #fff; +} + +.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { + display: none; +} + +.wp-block-navigation-placeholder__actions hr + hr { + display: none; +} + +/** + * Navigation selector styles + */ +.wp-block-navigation__navigation-selector { + margin-bottom: 16px; + width: 100%; +} + +.wp-block-navigation__navigation-selector-button { + border: 1px solid; + justify-content: space-between; + width: 100%; +} + +.wp-block-navigation__navigation-selector-button__icon { + flex: 0 0 auto; +} + +.wp-block-navigation__navigation-selector-button__label { + flex: 0 1 auto; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.wp-block-navigation__navigation-selector-button--createnew { + border: 1px solid; + margin-bottom: 16px; + width: 100%; +} + +.wp-block-navigation__responsive-container-open.components-button { + opacity: 1; +} + +.wp-block-navigation__menu-inspector-controls { + overflow-x: auto; + scrollbar-width: thin; + scrollbar-gutter: stable both-edges; + scrollbar-color: transparent transparent; + will-change: transform; +} +.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar { + width: 12px; + height: 12px; +} +.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track { + background-color: transparent; +} +.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb { + background-color: transparent; + border-radius: 8px; + border: 3px solid transparent; + background-clip: padding-box; +} +.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb, .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb { + background-color: #949494; +} +.wp-block-navigation__menu-inspector-controls:hover, .wp-block-navigation__menu-inspector-controls:focus, .wp-block-navigation__menu-inspector-controls:focus-within { + scrollbar-color: #949494 transparent; +} +@media (hover: none) { + .wp-block-navigation__menu-inspector-controls { + scrollbar-color: #949494 transparent; + } +} + +.wp-block-navigation__menu-inspector-controls__empty-message { + margin-left: 24px; +} + +/** + * Appender + */ +.wp-block-navigation .block-list-appender { + position: relative; +} + +/** + * Submenus. + */ +.wp-block-navigation .has-child { + cursor: pointer; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container { + z-index: 28; +} +.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { + z-index: 29; +} +.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { + visibility: visible !important; + opacity: 1 !important; + min-width: 200px !important; + height: auto !important; + width: auto !important; + overflow: visible !important; +} + +/** + * Navigation Items. + */ +.wp-block-navigation-item .wp-block-navigation-item__content { + cursor: text; +} +.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { + min-width: 20px; +} +.wp-block-navigation-item .block-list-appender { + margin-top: 16px; + margin-right: auto; + margin-bottom: 16px; + margin-left: 16px; +} + +.wp-block-navigation-link__invalid-item { + color: #000; +} + +/** + * Menu item setup state. Is shown when a menu item has no URL configured. + */ +.wp-block-navigation-link__placeholder { + position: relative; + text-decoration: none !important; + box-shadow: none !important; + background-image: none !important; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { + --wp-underline-color: var(--wp-admin-theme-color); + background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); + background-position: 0 100%; + background-size: 6px 3px; + background-repeat: repeat-x; + padding-bottom: 0.1em; +} +.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { + --wp-underline-color: #fff; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-item__content { + cursor: pointer; +} + +/** +* Link Control Transforms +*/ +.link-control-transform { + border-top: 1px solid #ccc; + padding: 0 16px 8px 16px; +} + +.link-control-transform__subheading { + font-size: 11px; + text-transform: uppercase; + font-weight: 500; + color: #1e1e1e; + margin-bottom: 1.5em; +} + +.link-control-transform__items { + display: flex; + justify-content: space-between; +} + +.link-control-transform__item { + flex-basis: 33%; + flex-direction: column; + gap: 8px; + height: auto; +} + +.wp-block-navigation-submenu { + display: block; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-container { + z-index: 28; +} +.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { + visibility: visible !important; + opacity: 1 !important; + min-width: 200px !important; + height: auto !important; + width: auto !important; + position: absolute; + left: -1px; + top: 100%; +} +@media (min-width: 782px) { + .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { + left: 100%; + top: -1px; + } + .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { + content: ""; + position: absolute; + right: 100%; + height: 100%; + display: block; + width: 0.5em; + background: transparent; + } +} + +.block-editor-block-list__block[data-type="core/nextpage"] { + max-width: 100%; + text-align: center; + margin-top: 28px; + margin-bottom: 28px; +} + +.wp-block-nextpage { + display: block; + text-align: center; + white-space: nowrap; +} +.wp-block-nextpage > span { + font-size: 13px; + position: relative; + text-transform: uppercase; + font-weight: 600; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #757575; + border-radius: 4px; + background: #fff; + padding: 6px 8px; + height: 24px; +} +.wp-block-nextpage::before { + content: ""; + position: absolute; + top: calc(50%); + left: 0; + right: 0; + border-top: 3px dashed #ccc; +} + +.wp-block-navigation .wp-block-page-list > div, +.wp-block-navigation .wp-block-page-list { + background-color: inherit; +} +.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, +.wp-block-navigation.items-justified-space-between .wp-block-page-list { + display: contents; + flex: 1; +} +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { + flex: inherit; +} + +.wp-block-navigation .wp-block-navigation__submenu-container > .wp-block-page-list { + display: block; +} + +.wp-block-pages-list__item__link { + pointer-events: none; +} + +@media (min-width: 600px) { + .wp-block-page-list-modal { + max-width: 480px; + } +} + +.wp-block-page-list-modal-buttons { + display: flex; + justify-content: flex-end; + gap: 12px; +} + +.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { + visibility: visible; + opacity: 1; + width: auto; + height: auto; + min-width: 200px; +} + +.wp-block-page-list__loading-indicator-container { + padding: 8px 12px; +} + +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { + min-height: auto !important; +} + +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 1; +} + +.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] { + opacity: 0; +} + +.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"], +.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"] { + rotate: 180deg; +} + +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { + display: inline; +} + +.wp-block-pullquote.is-style-solid-color blockquote p { + font-size: 32px; +} +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote .wp-block-pullquote__citation { + color: inherit; +} + +.wp-block-rss li a > div { + display: inline; +} + +.wp-block-rss__placeholder-form > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .wp-block-rss__placeholder-form > * { + margin-bottom: 0; + } +} +.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input { + flex: 1; + min-width: 80%; +} + +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { + margin: auto; +} + +.wp-block-search .wp-block-search__button { + height: auto; + border-radius: initial; + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} +.wp-block-search__components-button-group { + margin-top: 10px; +} + +.block-editor-block-list__block[data-type="core/separator"] { + padding-top: 0.1px; + padding-bottom: 0.1px; +} +.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { + background: none !important; + border: none; +} + +[data-type="core/shortcode"].components-placeholder { + min-height: 0; +} + +.blocks-shortcode__textarea { + box-sizing: border-box; + max-height: 250px; + resize: none; + font-family: Menlo, Consolas, monaco, monospace !important; + color: #1e1e1e !important; + background: #fff !important; + padding: 12px !important; + border: 1px solid #1e1e1e !important; + box-shadow: none !important; + border-radius: 2px !important; + font-size: 16px !important; +} +@media (min-width: 600px) { + .blocks-shortcode__textarea { + font-size: 13px !important; + } +} +.blocks-shortcode__textarea:focus { + border-color: var(--wp-admin-theme-color) !important; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; + outline: 2px solid transparent !important; +} + +.wp-block[data-align=center] > .wp-block-site-logo, +.wp-block-site-logo.aligncenter > div { + display: table; + margin-left: auto; + margin-right: auto; +} + +.wp-block-site-logo a { + pointer-events: none; +} +.wp-block-site-logo .custom-logo-link { + cursor: inherit; +} +.wp-block-site-logo .custom-logo-link:focus { + box-shadow: none; +} +.wp-block-site-logo .custom-logo-link.is-transient img { + opacity: 0.3; +} +.wp-block-site-logo img { + display: block; + height: auto; + max-width: 100%; +} + +.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { + height: 60px; + width: 60px; +} +.wp-block-site-logo.wp-block-site-logo > div, +.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { + border-radius: inherit; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder { + display: flex; + justify-content: center; + align-items: center; + padding: 0; + border-radius: inherit; + min-height: 48px; + min-width: 48px; + height: 100%; + width: 100%; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { + display: none; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { + display: none; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { + padding: 0; + display: flex; + justify-content: center; + align-items: center; + width: 48px; + height: 48px; + border-radius: 50%; + position: relative; + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); + border-style: solid; + color: #fff; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { + color: inherit; +} + +.block-library-site-logo__inspector-upload-container { + position: relative; +} +.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon { + display: none; +} + +.block-library-site-logo__inspector-upload-container button.components-button, +.block-library-site-logo__inspector-media-replace-container button.components-button { + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #ccc; + width: 100%; + display: block; + height: 40px; +} +.block-library-site-logo__inspector-upload-container button.components-button:hover, +.block-library-site-logo__inspector-media-replace-container button.components-button:hover { + color: var(--wp-admin-theme-color); +} +.block-library-site-logo__inspector-upload-container button.components-button:focus, +.block-library-site-logo__inspector-media-replace-container button.components-button:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title, +.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title { + word-break: break-all; + white-space: normal; + text-align: start; + text-align-last: center; +} + +.block-library-site-logo__inspector-media-replace-container .components-dropdown { + display: block; +} +.block-library-site-logo__inspector-media-replace-container img { + width: 20px; + min-width: 20px; + aspect-ratio: 1; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border-radius: 50% !important; +} +.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview { + padding: 6px 12px; + display: flex; + height: 40px; +} + +.wp-block-site-tagline__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-site-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.editor-styles-wrapper .wp-block-site-title a { + color: inherit; +} + +.wp-block-social-links .wp-social-link { + line-height: 0; +} +.wp-block-social-links .wp-social-link button { + font-size: inherit; + color: currentColor; + height: auto; + line-height: 0; + opacity: 1; + padding: 0.25em; +} + +.wp-block-social-links.is-style-pill-shape .wp-social-link button { + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} + +.wp-block-social-links.is-style-logos-only .wp-social-link button { + padding: 0; +} + +.wp-block-social-links div.block-editor-url-input { + display: inline-block; + margin-left: 8px; +} +.wp-block-social-links.wp-block-social-links { + background: none; +} + +.wp-social-link:hover { + transform: none; +} + +.editor-styles-wrapper .wp-block-social-links { + padding: 0; +} + +.wp-block-social-links__social-placeholder { + display: flex; + opacity: 0.8; + list-style: none; +} +.wp-block-social-links__social-placeholder > .wp-social-link { + padding-left: 0 !important; + margin-left: 0 !important; + padding-right: 0 !important; + margin-right: 0 !important; + width: 0 !important; + visibility: hidden; +} +.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { + display: flex; +} +.wp-block-social-links__social-placeholder .wp-social-link { + padding: 0.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { + padding: 0; +} +.wp-block-social-links__social-placeholder .wp-social-link::before { + content: ""; + display: block; + width: 1em; + height: 1em; + border-radius: 50%; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { + background: currentColor; +} + +.wp-block-social-links .wp-block-social-links__social-prompt { + min-height: 24px; + list-style: none; + order: 2; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 24px; + margin-top: auto; + margin-bottom: auto; + cursor: default; + padding-right: 8px; +} + +.wp-block[data-align=center] > .wp-block-social-links, +.wp-block.wp-block-social-links.aligncenter { + justify-content: center; +} + +.block-editor-block-preview__content .components-button:disabled { + opacity: 1; +} + +.wp-social-link.wp-social-link__is-incomplete { + opacity: 0.5; +} +@media (prefers-reduced-motion: reduce) { + .wp-social-link.wp-social-link__is-incomplete { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.wp-block-social-links .is-selected .wp-social-link__is-incomplete, +.wp-social-link.wp-social-link__is-incomplete:hover, +.wp-social-link.wp-social-link__is-incomplete:focus { + opacity: 1; +} + +.block-editor-block-list__block[data-type="core/spacer"]::before { + content: ""; + display: block; + position: absolute; + z-index: 1; + width: 100%; + min-height: 8px; + min-width: 8px; + height: 100%; +} + +.wp-block-spacer.is-hovered .block-library-spacer__resize-container, +.block-library-spacer__resize-container.has-show-handle, +.wp-block-spacer.is-selected.custom-sizes-disabled { + background: rgba(0, 0, 0, 0.1); +} +.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, +.is-dark-theme .block-library-spacer__resize-container.has-show-handle, +.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled { + background: rgba(255, 255, 255, 0.15); +} + +.block-library-spacer__resize-container { + clear: both; +} +.block-library-spacer__resize-container:not(.is-resizing) { + height: 100% !important; + width: 100% !important; +} +.block-library-spacer__resize-container .components-resizable-box__handle::before { + content: none; +} +.block-library-spacer__resize-container.resize-horizontal { + margin-bottom: 0; + height: 100% !important; +} + +.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { + height: auto; +} +.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { + width: auto; +} +.wp-block[data-align=left] > .wp-block-table td, +.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, +.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, +.wp-block[data-align=center] > .wp-block-table th { + word-break: break-word; +} +.wp-block[data-align=center] > .wp-block-table { + text-align: initial; +} +.wp-block[data-align=center] > .wp-block-table table { + margin: 0 auto; +} +.wp-block-table td, +.wp-block-table th { + border: 1px solid; + padding: 0.5em; +} +.wp-block-table td.is-selected, +.wp-block-table th.is-selected { + border-color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); + border-style: double; +} +.wp-block-table table.has-individual-borders > *, +.wp-block-table table.has-individual-borders tr, +.wp-block-table table.has-individual-borders th, +.wp-block-table table.has-individual-borders td { + border-width: 1px; + border-style: solid; + border-color: currentColor; +} + +.blocks-table__placeholder-form.blocks-table__placeholder-form { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 8px; +} +@media (min-width: 782px) { + .blocks-table__placeholder-form.blocks-table__placeholder-form { + flex-direction: row; + align-items: flex-end; + } +} + +.blocks-table__placeholder-input { + width: 112px; +} + +.block-editor-template-part__selection-modal { + z-index: 1000001; +} +.block-editor-template-part__selection-modal .block-editor-block-patterns-list { + column-count: 2; + column-gap: 24px; +} +@media (min-width: 1280px) { + .block-editor-template-part__selection-modal .block-editor-block-patterns-list { + column-count: 3; + } +} +.block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { + break-inside: avoid-column; +} + +.block-library-template-part__selection-search { + background: #fff; + position: sticky; + top: 0; + padding: 16px 0; + z-index: 2; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected, +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted, +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after, +.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; +} + +.wp-block-text-columns .block-editor-rich-text__editable:focus { + outline: 1px solid #ddd; +} + +.wp-block-video.wp-block-video.is-selected .components-placeholder { + color: #1e1e1e; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + border: none; + border-radius: 2px; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder > svg { + opacity: 0; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration { + display: none; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder::before { + opacity: 0; +} +.wp-block-video.wp-block-video .components-placeholder__label, +.wp-block-video.wp-block-video .components-placeholder__instructions, +.wp-block-video.wp-block-video .components-button { + transition: none; +} + +.wp-block[data-align=center] > .wp-block-video { + text-align: center; +} + +.wp-block-video { + position: relative; +} +.wp-block-video.is-transient video { + opacity: 0.3; +} +.wp-block-video .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +.editor-video-poster-control .components-base-control__label { + display: block; +} +.editor-video-poster-control .components-button { + margin-right: 8px; +} + +.block-library-video-tracks-editor { + z-index: 159990; +} + +.block-library-video-tracks-editor__track-list-track { + padding-left: 12px; +} + +.block-library-video-tracks-editor__single-track-editor-kind-select { + max-width: 240px; +} + +.block-library-video-tracks-editor__single-track-editor-edit-track-label { + margin-top: 4px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; + display: block; +} + +.block-library-video-tracks-editor > .components-popover__content { + width: 360px; + padding: 0; +} + +.block-library-video-tracks-editor__track-list .components-menu-group__label, +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { + padding: 0; +} + +.block-library-video-tracks-editor__single-track-editor, +.block-library-video-tracks-editor__track-list, +.block-library-video-tracks-editor__add-tracks-container { + padding: 12px; +} + +.editor-styles-wrapper ul.wp-block-post-template { + padding-left: 0; + margin-left: 0; + list-style: none; +} + +.block-library-query-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-query__create-new-link { + padding: 0 16px 16px 52px; +} + +.block-library-query__pattern-selection-content .block-editor-block-patterns-list { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 8px; +} +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { + margin-bottom: 0; +} +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { + max-height: 250px; +} + +.block-library-query-pattern__selection-modal .block-editor-block-patterns-list { + column-count: 2; + column-gap: 24px; +} +@media (min-width: 1280px) { + .block-library-query-pattern__selection-modal .block-editor-block-patterns-list { + column-count: 3; + } +} +.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { + break-inside: avoid-column; +} +.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search { + background: #fff; + position: sticky; + top: 0; + padding: 16px 0; + margin-bottom: 2px; + z-index: 2; +} + +.block-library-query-toolspanel__filters .components-form-token-field__help { + margin-bottom: 0; +} +.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child) { + margin-bottom: 24px; +} + +@media (min-width: 600px) { + .wp-block-query__enhanced-pagination-modal { + max-width: 480px; + } +} + +.wp-block-query__enhanced-pagination-notice { + margin: 0; +} + +.wp-block[data-align=center] > .wp-block-query-pagination { + justify-content: center; +} + +.editor-styles-wrapper .wp-block-query-pagination { + max-width: 100%; +} +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { + margin: 0; +} + +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + margin-left: 0; + margin-top: 0.5em; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +.wp-block-query-pagination-numbers a { + text-decoration: underline; +} +.wp-block-query-pagination-numbers .page-numbers { + margin-right: 2px; +} +.wp-block-query-pagination-numbers .page-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +.wp-block-post-featured-image .block-editor-media-placeholder { + z-index: 1; + -webkit-backdrop-filter: none; + backdrop-filter: none; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, +.wp-block-post-featured-image .components-placeholder { + justify-content: center; + align-items: center; + padding: 0; + display: flex; + min-height: 200px; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, +.wp-block-post-featured-image .components-placeholder .components-form-file-upload { + display: none; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button, +.wp-block-post-featured-image .components-placeholder .components-button { + padding: 0; + display: flex; + justify-content: center; + align-items: center; + width: 48px; + height: 48px; + border-radius: 50%; + position: relative; + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); + border-style: solid; + color: #fff; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg, +.wp-block-post-featured-image .components-placeholder .components-button > svg { + color: inherit; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color), +.wp-block-post-featured-image .components-placeholder:where(.has-border-color), +.wp-block-post-featured-image img:where(.has-border-color) { + border-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]), +.wp-block-post-featured-image img:where([style*="border-top-color"]) { + border-top-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]), +.wp-block-post-featured-image img:where([style*="border-right-color"]) { + border-right-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]), +.wp-block-post-featured-image img:where([style*="border-bottom-color"]) { + border-bottom-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]), +.wp-block-post-featured-image img:where([style*="border-left-color"]) { + border-left-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]), +.wp-block-post-featured-image img:where([style*="border-width"]) { + border-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]), +.wp-block-post-featured-image img:where([style*="border-top-width"]) { + border-top-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]), +.wp-block-post-featured-image img:where([style*="border-right-width"]) { + border-right-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]), +.wp-block-post-featured-image img:where([style*="border-bottom-width"]) { + border-bottom-style: solid; +} +.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]), +.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]), +.wp-block-post-featured-image img:where([style*="border-left-width"]) { + border-left-style: solid; +} +.wp-block-post-featured-image[style*=height] .components-placeholder { + min-height: 48px; + min-width: 48px; + height: 100%; + width: 100%; +} +.wp-block-post-featured-image > a { + cursor: default; +} +.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button, +.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions, +.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label { + opacity: 1; + pointer-events: auto; +} + +div[data-type="core/post-featured-image"] img { + max-width: 100%; + height: auto; + display: block; +} + +.wp-block-post-comments-form * { + pointer-events: none; +} +.wp-block-post-comments-form *.block-editor-warning * { + pointer-events: auto; +} + +.wp-block-post-content.wp-block-post-content { + -webkit-user-select: none; + user-select: none; +} + +/** + * Element styles for the editor + */ +.wp-element-button { + cursor: revert; +} +.wp-element-button[role=textbox] { + cursor: text; +} + +:root .editor-styles-wrapper { + /* + * Our classes uses the same values we set for gradient value attributes, + * and we can not use spacing because of WP multi site kses rule. + */ + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .editor-styles-wrapper .has-very-light-gray-background-color { + background-color: #eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .editor-styles-wrapper .has-very-light-gray-color { + color: #eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-color { + color: #313131; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +} +:root .editor-styles-wrapper .has-purple-crush-gradient-background { + background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .editor-styles-wrapper .has-subdued-olive-gradient-background { + background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +} +:root .editor-styles-wrapper .has-atomic-cream-gradient-background { + background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +} +:root .editor-styles-wrapper .has-nightshade-gradient-background { + background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +} +:root .editor-styles-wrapper .has-midnight-gradient-background { + background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +} + +:where(.editor-styles-wrapper) { + --wp--preset--font-size--normal: 16px; + --wp--preset--font-size--huge: 42px; +} + +:where(.editor-styles-wrapper) .has-regular-font-size { + font-size: 16px; +} + +:where(.editor-styles-wrapper) .has-larger-font-size { + font-size: 42px; +} + +:where(.editor-styles-wrapper) .has-normal-font-size { + font-size: var(--wp--preset--font-size--normal); +} + +:where(.editor-styles-wrapper) .has-huge-font-size { + font-size: var(--wp--preset--font-size--huge); +} + +/** + * Editor Normalization Styles + * + * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. + * This allows us to create normalization styles that are easily overridden by editor styles. + */ +:where(.editor-styles-wrapper) iframe:not([frameborder]) { + border: 0; +} +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +.wp-block-audio figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-audio figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-audio { + margin: 0 0 1em 0; +} + +.wp-block-code { + border: 1px solid #ccc; + border-radius: 4px; + font-family: Menlo, Consolas, monaco, monospace; + padding: 0.8em 1em; +} + +.wp-block-embed figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-embed figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-embed { + margin: 0 0 1em 0; +} + +.blocks-gallery-caption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .blocks-gallery-caption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-image figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-image figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-image { + margin: 0 0 1em 0; +} + +.wp-block-pullquote { + border-top: 4px solid currentColor; + border-bottom: 4px solid currentColor; + margin-bottom: 1.75em; + color: currentColor; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer, .wp-block-pullquote__citation { + color: currentColor; + text-transform: uppercase; + font-size: 0.8125em; + font-style: normal; +} + +.wp-block-quote { + border-left: 0.25em solid currentColor; + margin: 0 0 1.75em 0; + padding-left: 1em; +} +.wp-block-quote cite, +.wp-block-quote footer { + color: currentColor; + font-size: 0.8125em; + position: relative; + font-style: normal; +} +.wp-block-quote.has-text-align-right { + border-left: none; + border-right: 0.25em solid currentColor; + padding-left: 0; + padding-right: 1em; +} +.wp-block-quote.has-text-align-center { + border: none; + padding-left: 0; +} +.wp-block-quote.is-style-plain, .wp-block-quote.is-style-large, .wp-block-quote.is-large { + border: none; +} + +.wp-block-search .wp-block-search__label { + font-weight: bold; +} + +.wp-block-search__button { + border: 1px solid #ccc; + padding: 0.375em 0.625em; +} + +:where(.wp-block-group.has-background) { + padding: 1.25em 2.375em; +} + +.wp-block-separator.has-css-opacity { + opacity: 0.4; +} + +.wp-block-separator { + border: none; + border-bottom: 2px solid currentColor; + margin-left: auto; + margin-right: auto; +} +.wp-block-separator.has-alpha-channel-opacity { + opacity: initial; +} +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 100px; +} +.wp-block-separator.has-background:not(.is-style-dots) { + border-bottom: none; + height: 1px; +} +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { + height: 2px; +} + +.wp-block-table { + margin: 0 0 1em 0; +} +.wp-block-table td, +.wp-block-table th { + word-break: normal; +} +.wp-block-table figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-video figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-video figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-video { + margin: 0 0 1em 0; +} + +.wp-block-template-part.has-background { + padding: 1.25em 2.375em; + margin-top: 0; + margin-bottom: 0; +} +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color--rgb: 0, 124, 186; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; + --wp-admin-border-width-focus: 2px; + --wp-block-synced-color: #7a00df; + --wp-block-synced-color--rgb: 122, 0, 223; + --wp-bound-block-color: #9747ff; +} +@media (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.block-editor-format-toolbar__image-popover { + z-index: 159990; +} +.block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-value { + margin: 7px; + min-width: 150px; + max-width: 500px; +} +.block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-button { + height: 30px; + margin-bottom: 8px; + margin-right: 8px; +} + +.block-editor-format-toolbar__link-container-content { + display: flex; +} + +.block-editor-format-toolbar__link-container-value { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-format-toolbar__link-container-value.has-invalid-link { + color: #cc1818; +} + +.format-library__inline-color-popover [role=tabpanel] { + padding: 16px; +} + +.block-editor-format-toolbar__language-popover .components-popover__content { + width: auto; + padding: 1rem; +} +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Breakpoint mixins + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color--rgb: 0, 124, 186; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; + --wp-admin-border-width-focus: 2px; + --wp-block-synced-color: #7a00df; + --wp-block-synced-color--rgb: 122, 0, 223; + --wp-bound-block-color: #9747ff; +} +@media (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-right: 4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + margin: 0; +} +@media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; + } +} + +.interface-complementary-area-header { + background: #fff; + padding-right: 4px; +} +.interface-complementary-area-header .interface-complementary-area-header__title { + margin: 0; +} +.interface-complementary-area-header .components-button.has-icon { + display: none; + margin-left: auto; +} +.interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-left: 0; +} +@media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; + } +} + +@media (min-width: 782px) { + .components-panel__header + .interface-complementary-area-header { + margin-top: 0; + } +} + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; +} +@media (min-width: 600px) { + .interface-complementary-area { + -webkit-overflow-scrolling: touch; + } +} +@media (min-width: 782px) { + .interface-complementary-area { + width: 280px; + } +} +.interface-complementary-area .components-panel { + border: none; + position: relative; + z-index: 0; +} +.interface-complementary-area .components-panel__header { + position: sticky; + top: 0; + z-index: 1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 48px; +} +@media (min-width: 782px) { + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 0; + } +} +.interface-complementary-area p:not(.components-base-control__help) { + margin-top: 0; +} +.interface-complementary-area h2 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area h3 { + font-size: 11px; + text-transform: uppercase; + font-weight: 500; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; +} +.interface-complementary-area div.components-toolbar-group, +.interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child, +.interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + right: 10px; + bottom: 10px; + left: auto; +} + +@media (min-width: 782px) { + body.js.is-fullscreen-mode { + margin-top: -32px; + height: calc(100% + 32px); + } + body.js.is-fullscreen-mode #adminmenumain, +body.js.is-fullscreen-mode #wpadminbar { + display: none; + } + body.js.is-fullscreen-mode #wpcontent, +body.js.is-fullscreen-mode #wpfooter { + margin-left: 0; + } +} + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; +} +@media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; + } +} + +.interface-interface-skeleton { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + left: 0; + right: 0; + bottom: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; + } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; + } +} + +.interface-interface-skeleton__editor { + display: flex; + flex-direction: column; + flex: 0 1 100%; + overflow: hidden; +} + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + left: 160px; + } +} + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + left: 0; +} +@media (min-width: 783px) { + .folded .interface-interface-skeleton { + left: 36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton { + left: 0 !important; +} + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; +} +@media (min-width: 782px) { + .has-footer .interface-interface-skeleton__body { + padding-bottom: 25px; + } +} + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; + z-index: 20; +} +@media (min-width: 782px) { + .interface-interface-skeleton__content { + z-index: auto; + } +} + +.interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #fff; + color: #1e1e1e; +} +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + position: relative !important; + width: auto; + } + .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar, +.is-sidebar-opened .interface-interface-skeleton__sidebar { + z-index: 90; + } +} + +.interface-interface-skeleton__sidebar { + overflow: auto; +} +@media (min-width: 782px) { + .interface-interface-skeleton__sidebar { + border-left: 1px solid #e0e0e0; + } +} + +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar { + border-right: 1px solid #e0e0e0; + } +} + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #e0e0e0; + z-index: 30; + color: #1e1e1e; +} + +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #e0e0e0; + color: #1e1e1e; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: #fff; + z-index: 90; + display: none; +} +@media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb { + z-index: 30; + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; +} + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + left: auto; + right: 0; + color: #1e1e1e; + background: #fff; + width: 100vw; +} +@media (min-width: 782px) { + .interface-interface-skeleton__actions { + width: 280px; + } +} +.interface-interface-skeleton__actions:focus, .interface-interface-skeleton__actions:focus-within { + top: auto; + bottom: 0; +} +.is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { + top: 46px; +} +@media (min-width: 782px) { + .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { + border-left: 1px solid #ddd; + top: 32px; + } + .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus, .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within { + top: 0; + } +} + +.interface-pinned-items { + display: flex; + gap: 8px; +} +.interface-pinned-items .components-button { + display: none; + margin: 0; +} +.interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"], .interface-pinned-items .components-button[aria-controls="edit-site:global-styles"] { + display: flex; +} +.interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; +} +@media (min-width: 600px) { + .interface-pinned-items .components-button { + display: flex; + } +} + +.edit-post-header { + height: 60px; + background: #fff; + display: flex; + flex-wrap: wrap; + align-items: center; + max-width: 100vw; + justify-content: space-between; +} +@media (min-width: 280px) { + .edit-post-header { + flex-wrap: nowrap; + } +} + +.edit-post-header__toolbar { + display: flex; + flex-shrink: 8; + flex-grow: 3; + overflow: hidden; + padding: 2px 0; + align-items: center; +} +.edit-post-header__toolbar .table-of-contents { + display: none; +} +@media (min-width: 600px) { + .edit-post-header__toolbar .table-of-contents { + display: block; + } +} +.edit-post-header__toolbar .selected-block-tools-wrapper { + overflow: hidden; + display: flex; + align-items: center; + height: 60px; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar { + border-bottom: 0; + height: 100%; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar { + height: 100%; + padding-top: 15px; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button) { + height: 32px; +} +.edit-post-header__toolbar .selected-block-tools-wrapper::after { + content: ""; + width: 1px; + height: 24px; + background-color: #ddd; + margin-left: 8px; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group, +.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar { + border-right: none; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group::after, +.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar::after { + content: ""; + width: 1px; + height: 24px; + background-color: #ddd; + margin-top: 4px; + margin-left: 8px; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group::after, +.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group::after { + display: none; +} +.edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button { + height: 32px; + overflow: visible; +} +@media (min-width: 600px) { + .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container { + position: relative; + top: -10px; + } +} +.edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed { + display: none; +} + +.edit-post-header__block-tools-toggle { + margin-left: 2px; +} + +.edit-post-header__center { + flex-grow: 1; + display: flex; + justify-content: center; +} +.edit-post-header__center.is-collapsed { + display: none; +} + +/** + * Buttons on the right side + */ +.edit-post-header__settings { + display: inline-flex; + align-items: center; + flex-wrap: nowrap; + padding-right: 4px; + gap: 8px; +} +@media (min-width: 600px) { + .edit-post-header__settings { + padding-right: 8px; + } +} + +/** + * Show icon labels. + */ +.show-icon-labels.interface-pinned-items .components-button.has-icon, +.show-icon-labels .edit-post-header .components-button.has-icon, +.edit-post-header__dropdown .components-button.has-icon { + width: auto; +} +.show-icon-labels.interface-pinned-items .components-button.has-icon svg, +.show-icon-labels .edit-post-header .components-button.has-icon svg, +.edit-post-header__dropdown .components-button.has-icon svg { + display: none; +} +.show-icon-labels.interface-pinned-items .components-button.has-icon::after, +.show-icon-labels .edit-post-header .components-button.has-icon::after, +.edit-post-header__dropdown .components-button.has-icon::after { + content: attr(aria-label); +} +.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], +.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], +.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { + background-color: transparent; +} +.show-icon-labels.interface-pinned-items .is-tertiary:active, +.show-icon-labels .edit-post-header .is-tertiary:active, +.edit-post-header__dropdown .is-tertiary:active { + box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); + background-color: transparent; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, +.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, +.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, +.edit-post-header__dropdown .components-button.has-icon.button-toggle svg { + display: block; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, +.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, +.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, +.edit-post-header__dropdown .components-button.has-icon.button-toggle::after { + content: none; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { + width: 60px; +} +.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, +.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, +.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { + display: block; +} +.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, +.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, +.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, +.show-icon-labels .edit-post-header .interface-pinned-items .components-button, +.edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, +.edit-post-header__dropdown .interface-pinned-items .components-button { + padding-left: 8px; + padding-right: 8px; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, +.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, +.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, +.show-icon-labels .edit-post-header .interface-pinned-items .components-button, +.edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle, +.edit-post-header__dropdown .interface-pinned-items .components-button { + padding-left: 12px; + padding-right: 12px; + } +} +.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, +.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state::after, +.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, +.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state::after, +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after, +.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state::after { + content: none; +} + +.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover { + border-left: none; +} +.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover::before { + content: ""; + width: 1px; + height: 24px; + background-color: #ddd; + margin-top: 4px; + margin-left: 8px; +} +.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before { + width: calc(100% - 24px); + background: #ddd; + left: calc(50% + 1px); +} + +.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, +.edit-post-header__dropdown .components-button.editor-history__undo, +.edit-post-header__dropdown .components-button.editor-history__redo, +.edit-post-header__dropdown .table-of-contents .components-button, +.edit-post-header__dropdown .components-button.block-editor-list-view { + margin: 0; + padding: 6px 6px 6px 40px; + width: 14.625rem; + text-align: left; + justify-content: flex-start; +} + +.show-icon-labels.interface-pinned-items { + padding: 6px 12px 12px; + margin-top: 0; + margin-bottom: 0; + margin-left: -12px; + margin-right: -12px; + border-bottom: 1px solid #ccc; + display: block; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon { + margin: 0; + padding: 6px 6px 6px 8px; + width: 14.625rem; + justify-content: flex-start; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { + display: block; + max-width: 24px; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { + padding-left: 40px; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon svg { + margin-right: 8px; +} + +@media (min-width: 600px) { + .edit-post-header__post-preview-button { + display: none; + } +} + +.is-distraction-free .interface-interface-skeleton__header { + border-bottom: none; +} +.is-distraction-free .edit-post-header { + -webkit-backdrop-filter: blur(20px) !important; + backdrop-filter: blur(20px) !important; + background-color: rgba(255, 255, 255, 0.9); + border-bottom: 1px solid #e0e0e0; + position: absolute; + width: 100%; +} +.is-distraction-free .edit-post-header > .edit-post-header__settings > .edit-post-header__post-preview-button { + visibility: hidden; +} +.is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__inserter-toggle, .is-distraction-free .edit-post-header > .edit-post-header__toolbar .editor-document-tools__document-overview-toggle, .is-distraction-free .edit-post-header > .edit-post-header__settings > .editor-preview-dropdown, .is-distraction-free .edit-post-header > .edit-post-header__settings > .interface-pinned-items { + display: none; +} +.is-distraction-free .interface-interface-skeleton__header:focus-within { + opacity: 1 !important; +} +.is-distraction-free .interface-interface-skeleton__header:focus-within div { + transform: translateX(0) translateZ(0) !important; +} +.is-distraction-free .components-editor-notices__dismissible { + position: absolute; + z-index: 35; +} + +.components-popover.more-menu-dropdown__content { + z-index: 99998; +} + +.edit-post-fullscreen-mode-close.components-button { + display: none; +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.components-button { + display: flex; + align-items: center; + align-self: stretch; + border: none; + background: #1e1e1e; + color: #fff; + border-radius: 0; + height: 61px; + width: 60px; + position: relative; + margin-bottom: -1px; + } + .edit-post-fullscreen-mode-close.components-button:active { + color: #fff; + } + .edit-post-fullscreen-mode-close.components-button:focus { + box-shadow: none; + } + .edit-post-fullscreen-mode-close.components-button::before { + transition: box-shadow 0.1s ease; + content: ""; + display: block; + position: absolute; + top: 9px; + right: 9px; + bottom: 10px; + left: 9px; + border-radius: 4px; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; + } +} +@media (min-width: 782px) and (prefers-reduced-motion: reduce) { + .edit-post-fullscreen-mode-close.components-button::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.components-button:hover::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.components-button.has-icon:hover::before { + box-shadow: none; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.components-button:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + } +} +.edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon { + width: 36px; + height: 36px; + border-radius: 2px; + object-fit: cover; + margin-top: -1px; +} + +.edit-post-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.edit-post-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-post-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.edit-post-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.edit-post-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 0 0 1rem; + text-align: right; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0 0 0.2rem; +} + +.edit-post-layout__metaboxes { + flex-shrink: 0; + clear: both; +} + +.edit-post-layout .components-editor-notices__snackbar { + position: fixed; + right: 0; + bottom: 40px; + padding-left: 16px; + padding-right: 16px; +} + +.is-distraction-free .components-editor-notices__snackbar { + bottom: 20px; +} + +.edit-post-layout .components-editor-notices__snackbar { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .edit-post-layout .components-editor-notices__snackbar { + left: 160px; + } +} + +.auto-fold .edit-post-layout .components-editor-notices__snackbar { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .edit-post-layout .components-editor-notices__snackbar { + left: 0; +} +@media (min-width: 783px) { + .folded .edit-post-layout .components-editor-notices__snackbar { + left: 36px; + } +} + +body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { + left: 0 !important; +} + +.edit-post-layout .editor-post-publish-panel { + position: fixed; + z-index: 100001; + top: 46px; + bottom: 0; + right: 0; + left: 0; + overflow: auto; +} +@media (min-width: 782px) { + .edit-post-layout .editor-post-publish-panel { + z-index: 99998; + top: 32px; + left: auto; + width: 281px; + border-left: 1px solid #ddd; + transform: translateX(100%); + animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; + } +} +@media (min-width: 782px) and (prefers-reduced-motion: reduce) { + .edit-post-layout .editor-post-publish-panel { + animation-duration: 1ms; + animation-delay: 0s; + } +} +@media (min-width: 782px) { + body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { + top: 0; + } +} +@media (min-width: 782px) { + [role=region]:focus .edit-post-layout .editor-post-publish-panel { + transform: translateX(0%); + } +} + +@keyframes edit-post-post-publish-panel__slide-in-animation { + 100% { + transform: translateX(0%); + } +} +.edit-post-layout .editor-post-publish-panel__header-publish-button { + justify-content: center; +} + +.edit-post-layout__toggle-publish-panel, +.edit-post-layout__toggle-sidebar-panel, +.edit-post-layout__toggle-entities-saved-states-panel { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + left: auto; + right: 0; + box-sizing: border-box; + width: 280px; + background-color: #fff; + border: 1px dotted #ddd; + height: auto !important; + padding: 24px; + display: flex; + justify-content: center; +} + +.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel, .interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel { + top: auto; + bottom: 0; +} + +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel, +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, +.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel { + top: auto; + bottom: 0; +} + +.edit-post-layout .entities-saved-states__panel-header { + height: 61px; +} + +.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 .postbox-header { + border-top: 1px solid #ddd; + border-bottom: 0; +} +.edit-post-meta-boxes-area #poststuff { + margin: 0 auto; + padding-top: 0; + min-width: auto; +} +.edit-post-meta-boxes-area #poststuff h3.hndle, +.edit-post-meta-boxes-area #poststuff .stuffbox > h3, +.edit-post-meta-boxes-area #poststuff h2.hndle { + /* WordPress selectors yolo */ + box-sizing: border-box; + color: inherit; + font-weight: 600; + outline: none; + padding: 0 24px; + position: relative; + width: 100%; +} +.edit-post-meta-boxes-area .postbox { + border: 0; + color: inherit; + margin-bottom: 0; +} +.edit-post-meta-boxes-area .postbox > .inside { + color: inherit; + padding: 0 24px 24px; + margin: 0; +} +.edit-post-meta-boxes-area .postbox .handlediv { + height: 44px; + width: 44px; +} +.edit-post-meta-boxes-area.is-loading::before { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ""; + background: transparent; + z-index: 1; +} +.edit-post-meta-boxes-area .components-spinner { + position: absolute; + top: 10px; + right: 20px; + z-index: 5; +} +.edit-post-meta-boxes-area .is-hidden { + display: none; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { + border: 1px solid #757575; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { + background: #fff; + border-color: #757575; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { + margin: -3px -4px; +} + +.edit-post-meta-boxes-area__clear { + clear: both; +} + +.components-panel__header.edit-post-sidebar__panel-tabs { + padding-left: 0; + padding-right: 16px; +} +.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { + padding: 0; + min-width: 24px; + height: 24px; +} +@media (min-width: 782px) { + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { + display: flex; + } +} + +.edit-post-sidebar__panel { + margin-top: -1px; +} + +.edit-post-post-format { + display: flex; + flex-direction: column; + align-items: stretch; +} + +.edit-post-post-slug { + display: flex; + flex-direction: column; + align-items: stretch; +} + +.edit-post-post-visibility__dialog .editor-post-visibility { + min-width: 248px; + margin: 8px; +} + +h2.edit-post-template-summary__title { + line-height: 24px; + margin: 0 0 4px; + font-weight: 500; +} + +.edit-post-text-editor { + position: relative; + width: 100%; + background-color: #fff; + flex-grow: 1; +} +.edit-post-text-editor .editor-post-title:not(.is-raw-text), +.edit-post-text-editor .editor-post-title.is-raw-text textarea { + max-width: none; + line-height: 1.4; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 2.5em; + font-weight: normal; + border: 1px solid #949494; + border-radius: 0; + padding: 16px; +} +@media (min-width: 600px) { + .edit-post-text-editor .editor-post-title:not(.is-raw-text), +.edit-post-text-editor .editor-post-title.is-raw-text textarea { + padding: 24px; + } +} +.edit-post-text-editor .editor-post-title:not(.is-raw-text):focus, +.edit-post-text-editor .editor-post-title.is-raw-text textarea:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.edit-post-text-editor__body { + width: 100%; + padding: 0 12px 12px 12px; + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} +@media (min-width: 960px) { + .edit-post-text-editor__body { + padding: 0 24px 24px 24px; + } +} + +.edit-post-text-editor__toolbar { + position: sticky; + z-index: 1; + top: 0; + left: 0; + right: 0; + display: flex; + background: rgba(255, 255, 255, 0.8); + padding: 4px 12px; +} +@media (min-width: 600px) { + .edit-post-text-editor__toolbar { + padding: 12px; + } +} +@media (min-width: 960px) { + .edit-post-text-editor__toolbar { + padding: 12px 24px; + } +} +.edit-post-text-editor__toolbar h2 { + line-height: 36px; + margin: 0 auto 0 0; + font-size: 13px; + color: #1e1e1e; +} + +.edit-post-visual-editor { + position: relative; + display: flex; + flex-flow: column; + background-color: #ddd; + flex: 1 0 auto; +} +.edit-post-visual-editor:not(.has-inline-canvas) { + overflow: hidden; +} +.edit-post-visual-editor .components-button { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding: 6px 12px; +} +.edit-post-visual-editor .components-button.has-icon { + padding: 6px; +} + +.edit-post-visual-editor__content-area { + width: 100%; + height: 100%; + position: relative; + box-sizing: border-box; + display: flex; + flex-grow: 1; +} + +.edit-post-welcome-guide, +.edit-template-welcome-guide { + width: 312px; +} +.edit-post-welcome-guide__image, +.edit-template-welcome-guide__image { + background: #00a0d2; + margin: 0 0 16px; +} +.edit-post-welcome-guide__image > img, +.edit-template-welcome-guide__image > img { + display: block; + max-width: 100%; + object-fit: cover; +} +.edit-post-welcome-guide__heading, +.edit-template-welcome-guide__heading { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 24px; + line-height: 1.4; + margin: 16px 0 16px 0; + padding: 0 32px; +} +.edit-post-welcome-guide__text, +.edit-template-welcome-guide__text { + font-size: 13px; + line-height: 1.4; + margin: 0 0 24px 0; + padding: 0 32px; +} +.edit-post-welcome-guide__inserter-icon, +.edit-template-welcome-guide__inserter-icon { + margin: 0 4px; + vertical-align: text-top; +} + +.edit-template-welcome-guide .components-button svg { + fill: #fff; +} + +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list { + column-count: 2; + column-gap: 24px; +} +@media (min-width: 782px) { + .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { + column-count: 3; + } +} +@media (min-width: 1280px) { + .edit-post-start-page-options__modal-content .block-editor-block-patterns-list { + column-count: 4; + } +} +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { + break-inside: avoid-column; + margin-bottom: 24px; +} +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { + min-height: 100px; +} +.edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content { + width: 100%; +} + +/** + * Animations + */ +@keyframes edit-post__fade-in-animation { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +body.js.block-editor-page { + background: #fff; + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. + Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +} +body.js.block-editor-page #wpcontent { + padding-left: 0; +} +body.js.block-editor-page #wpbody-content { + padding-bottom: 0; +} +body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { + display: none; +} +body.js.block-editor-page #wpfooter { + display: none; +} +body.js.block-editor-page .a11y-speak-region { + left: -1px; + top: -1px; +} +body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, +body.js.block-editor-page ul#adminmenu > li.current > a.current::after { + border-right-color: #fff; +} +body.js.block-editor-page .media-frame select.attachment-filters:last-of-type { + width: auto; + max-width: 100%; +} + +.block-editor-page #wpwrap { + overflow-y: auto; +} +@media (min-width: 782px) { + .block-editor-page #wpwrap { + overflow-y: initial; + } +} + +.edit-post-header, +.edit-post-text-editor, +.edit-post-sidebar, +.editor-post-publish-panel { + box-sizing: border-box; +} +.edit-post-header *, +.edit-post-header *::before, +.edit-post-header *::after, +.edit-post-text-editor *, +.edit-post-text-editor *::before, +.edit-post-text-editor *::after, +.edit-post-sidebar *, +.edit-post-sidebar *::before, +.edit-post-sidebar *::after, +.editor-post-publish-panel *, +.editor-post-publish-panel *::before, +.editor-post-publish-panel *::after { + box-sizing: inherit; +} + +@media (min-width: 600px) { + .block-editor__container { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + min-height: calc(100vh - 46px); + } +} +@media (min-width: 782px) { + .block-editor__container { + min-height: calc(100vh - 32px); + } + body.is-fullscreen-mode .block-editor__container { + min-height: 100vh; + } +} +.block-editor__container img { + max-width: 100%; + height: auto; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color--rgb: 0, 133, 186; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color--rgb: 56, 88, 233; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color--rgb: 9, 100, 132; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color--rgb: 70, 64, 60; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color--rgb: 82, 63, 109; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color--rgb: 225, 77, 67; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color--rgb: 98, 124, 131; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color--rgb: 221, 130, 59; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; + --wp-admin-border-width-focus: 2px; +} +@media (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} + +.interface-interface-skeleton__sidebar { + border-left: none; +} +@media (min-width: 782px) { + .is-sidebar-opened .interface-interface-skeleton__sidebar { + border-left: 1px solid #e0e0e0; + overflow: hidden scroll; + } +} + diff --git a/css/isolated-block-editor.css b/css/isolated-block-editor.css new file mode 100644 index 00000000..535a9ee8 --- /dev/null +++ b/css/isolated-block-editor.css @@ -0,0 +1,8 @@ +.iso-editor{--wp-admin-theme-color: #0085ba;--wp-admin-theme-color-darker-10: #0073a1;--wp-admin-theme-color-darker-20: #006187;--wp-admin-border-width-focus: 2px} +.iso-editor .edit-post-layout.interface-interface-skeleton{position:static;top:auto;left:auto}.iso-editor .interface-interface-skeleton__editor,.iso-editor .interface-interface-skeleton__content{width:100%}.iso-editor .interface-interface-skeleton__sidebar,.iso-editor .interface-interface-skeleton__secondary-sidebar{margin-bottom:1px}.iso-editor .edit-post-layout:not(.is-sidebar-opened):not(.is-inserter-opened) .interface-interface-skeleton__editor,.iso-editor .edit-post-layout:not(.is-sidebar-opened):not(.is-inserter-opened) .interface-interface-skeleton__content,.iso-editor .edit-post-layout:not(.is-sidebar-opened):not(.is-inserter-opened) .interface-interface-skeleton__body{overflow:visible}.iso-editor .is-mode__text .edit-post-text-editor__body{margin-left:0;margin-right:0;margin-bottom:0;padding:16px 24px 96px}.iso-editor .block-editor-writing-flow{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.8}.iso-editor .block-editor-writing-flow .block-editor-block-list__layout .wp-block:first-child[data-type="core/paragraph"]{padding-top:0}.iso-editor .block-editor-writing-flow .block-list-appender .wp-block{padding-top:0 !important}.iso-editor .block-editor-block-list__layout.is-root-container{padding-left:14px;padding-right:14px}@media(min-width: 600px){.iso-editor .block-editor-block-list__layout.is-root-container{padding-left:36px;padding-right:36px}}.iso-editor .block-editor-link-control__settings{border-left:none;border-right:none;border-bottom:none}.iso-editor a[href="edit.php?post_type=wp_block"]{display:none}.iso-editor .is-fullscreen-mode .block-editor-block-list__layout>div:first-child>.block-list-appender:first-child .wp-block,.iso-editor .is-fullscreen-mode .block-editor-block-list__layout>.block-list-appender:first-child .wp-block{margin:0 auto !important}.iso-editor .edit-post-visual-editor{background-color:#fff}.iso-editor .edit-post-visual-editor:not(.has-inline-canvas){overflow:visible}.iso-editor .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{margin-left:0} +.block-editor-block-navigation__popover .components-popover__content{padding:0}.block-editor-block-navigation__popover .edit-post-editor__document-overview-panel .edit-post-sidebar__panel-tabs{flex-direction:row}.block-editor-block-navigation__popover .edit-post-editor__list-view-container{max-height:600px} +.editor-document-tools{display:inline-flex;align-items:center}.editor-document-tools .editor-document-tools__left>.components-button{display:none}@media(min-width: 600px){.editor-document-tools .editor-document-tools__left>.components-button{display:inline-flex}}.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle{display:inline-flex}.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{transition:transform cubic-bezier(0.165, 0.84, 0.44, 1) .2s}@media(prefers-reduced-motion: reduce){.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{transition-duration:0s;transition-delay:0s}}.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.editor-document-tools .block-editor-list-view{display:none}@media(min-width: 600px){.editor-document-tools .block-editor-list-view{display:flex}}.editor-document-tools .editor-document-tools__left>.components-button.has-icon,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon{height:32px;min-width:32px;padding:4px}.editor-document-tools .editor-document-tools__left>.components-button.has-icon.is-pressed,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.editor-document-tools .editor-document-tools__left>.components-button.has-icon:focus:not(:disabled),.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.editor-document-tools .editor-document-tools__left>.components-button.has-icon::before,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon::before{display:none}.editor-document-tools__left{display:inline-flex;align-items:center;padding-left:16px;gap:8px;margin-right:8px}@media(min-width: 782px){.editor-document-tools__left{padding-left:20px}}@media(min-width: 1280px){.editor-document-tools__left{padding-right:8px}}.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{min-width:32px;width:32px;height:32px;padding:0}.show-icon-labels .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{width:auto;height:32px;padding:0 8px}.show-icon-labels .editor-document-tools__left>*+*{margin-left:8px} +.iso-editor .popover-slot .iso-inspector ul:not(.editor-post-taxonomies__flat-term-most-used-list) li{margin:0}.iso-editor .popover-slot .block-editor-inserter__menu{min-width:300px;max-height:55vh}.block-editor-inserter__tabs button,.iso-editor .interface-complementary-area-header button{font-size:13px} +@media(min-width: 280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header__settings{display:inline-flex;align-items:center}.edit-post-header__settings button.components-button.has-icon{margin-right:0}.edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed{position:static;margin-left:0;min-height:49px}.edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed{margin-left:0}.edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group::after,.edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar::after{height:49px;margin-top:0;margin-bottom:0}.edit-post-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed:after{display:none}.is-fixed~.edit-post-visual-editor__content-area{border-top:1px solid #e0e0e0} +.iso-editor .editor-error-boundary{margin-bottom:60px;box-shadow:none;border:none}.iso-editor .block-editor-writing-flow{padding:10px 0}.iso-editor .block-editor-writing-flow ul{list-style-type:disc}.iso-editor .block-editor-writing-flow [data-type="core/list"] li{margin-left:20px}.iso-editor .wp-block{max-width:none;margin-left:auto;margin-right:auto}.iso-editor .wp-block[data-align=wide]{max-width:1100px}.iso-editor .wp-block[data-align=full]{max-width:none}.iso-editor img{max-width:100%;height:auto}.iso-editor iframe{width:100%}.iso-editor .components-navigate-regions{height:100%}.iso-editor .block-editor-block-list__layout:first-of-type .block-editor-default-block-appender{margin-left:0}.iso-editor .block-editor-block-list__layout:first-of-type .block-editor-default-block-appender__content{margin-top:16px;margin-bottom:16px}.iso-editor .edit-post-text-editor{padding-top:0}.iso-editor .edit-post-text-editor__body{max-width:none;margin-top:32px;margin-bottom:32px;padding-top:0}.iso-editor .edit-post-text-editor__body textarea{padding:15px}.iso-editor .components-resizable-box__handle::before{box-sizing:border-box}.iso-editor .components-popover__content button:focus,.iso-editor .components-popover__content button:hover{text-decoration:none}.iso-editor .components-popover__content button:not(.is-active){font-weight:normal;text-transform:none}.iso-editor .components-popover__content button:not(.is-active):active,.iso-editor .components-popover__content button:not(.is-active):focus,.iso-editor .components-popover__content button:not(.is-active):hover{background-color:transparent;background-image:none}.iso-editor .components-popover__content button:not(.is-active).is-primary:hover{background-color:var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #006BA1))}.iso-editor .block-editor-block-navigation__container .is-selected button:active,.iso-editor .block-editor-block-navigation__container .is-selected button:focus,.iso-editor .block-editor-block-navigation__container .is-selected button:hover{background-color:#1e1e1e}.iso-editor .components-popover__content h1:before,.iso-editor .components-popover__content h2:before{content:none;display:unset;height:unset;margin:unset;width:unset;background:unset}.iso-editor .components-popover__content .block-editor-inserter__menu .components-tab-panel__tab-content button{font-size:16px}.iso-editor .block-editor-default-block-appender textarea{border:none !important;border-radius:unset !important;box-shadow:none !important}.edit-post-header__toolbar .components-accessible-toolbar{border:none} +html.interface-interface-skeleton__html-container{position:unset !important}.components-modal__frame,.components-modal__frame select,.iso-editor,.iso-editor select{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4;color:#1e1e1e}.components-modal__frame input,.components-modal__frame select,.components-modal__frame textarea,.components-modal__frame button,.iso-editor input,.iso-editor select,.iso-editor textarea,.iso-editor button{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.components-modal__frame p:not(.components-form-token-field__help),.iso-editor p:not(.components-form-token-field__help){font-size:inherit;line-height:inherit}.components-modal__frame ul.block-editor-block-list__block,.components-modal__frame ol.block-editor-block-list__block,.iso-editor ul.block-editor-block-list__block,.iso-editor ol.block-editor-block-list__block{margin:0 0 1.2em}.components-modal__frame ul li,.components-modal__frame ol li,.iso-editor ul li,.iso-editor ol li{margin-bottom:initial}.components-modal__frame ul,.iso-editor ul{list-style-type:none}.components-modal__frame ol,.iso-editor ol{list-style-type:decimal}.components-modal__frame ul ul,.components-modal__frame ol ul,.iso-editor ul ul,.iso-editor ol ul{list-style-type:circle}.components-modal__frame .components-popover.components-animate__appear,.iso-editor .components-popover.components-animate__appear{animation:none}.iso-editor{width:100%;min-height:145px;background-color:#fff;position:relative;border:1px solid #e0e0e0}.components-modal__frame .components-modal__header h1{font-size:20px !important}.components-modal__frame button{box-shadow:none}.iso-editor__loading{min-height:125px;background-color:#e0e0e0;border:1px solid #e0e0e0;animation:loading-fade 1.6s ease-in-out infinite;margin-bottom:57px}.iso-editor__loading>textarea,.iso-editor__loading>div{display:none}@keyframes loading-fade{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}#media-search-input{box-sizing:border-box} diff --git a/inc/fields/block-editor.php b/inc/fields/block-editor.php new file mode 100644 index 00000000..03ea8f15 --- /dev/null +++ b/inc/fields/block-editor.php @@ -0,0 +1,344 @@ + $bundle_url, + ] + ); + + wp_register_style( + 'rwmb-block-editor-iso-core', + RWMB_CSS_URL . 'isolated-block-editor-core.css', + [], + '2.29.0' + ); + + wp_register_style( + 'rwmb-block-editor-iso', + RWMB_CSS_URL . 'isolated-block-editor.css', + [ 'rwmb-block-editor-iso-core' ], + '2.29.0' + ); + + wp_enqueue_style( + 'rwmb-block-editor', + RWMB_CSS_URL . 'block-editor.css', + [ 'wp-components', 'wp-block-library', 'wp-edit-blocks', 'rwmb-block-editor-iso' ], + RWMB_VER + ); + wp_style_add_data( 'rwmb-block-editor', 'path', RWMB_CSS_DIR . 'block-editor.css' ); + } + + /** + * Normalize parameters for field. + * + * @param array $field Field parameters. + * @return array + */ + public static function normalize( $field ) { + $field = parent::normalize( $field ); + + $field = wp_parse_args( + $field, + [ + 'allowed_blocks' => [], + ] + ); + + $field['allowed_blocks'] = array_values( + array_filter( + array_map( + static function ( $block ) { + return is_string( $block ) ? sanitize_text_field( $block ) : ''; + }, + (array) $field['allowed_blocks'] + ) + ) + ); + + return $field; + } + + /** + * Sanitize the value before saving. + * + * @param mixed $new The submitted meta value. + * @param mixed $old The existing meta value. + * @param int $post_id The post ID. + * @param array $field The field parameters. + * @return string + */ + public static function value( $new, $old, $post_id, $field ) { + return is_string( $new ) ? wp_kses_post( $new ) : ''; + } + + /** + * Get field HTML. + * + * @param string $meta Meta value. + * @param array $field Field parameters. + * @return string + */ + public static function html( $meta, $field ) { + $attributes = self::get_attributes( $field, $meta ); + $attributes['class'] = trim( $attributes['class'] . ' rwmb-block-editor-input' ); + $attributes['style'] = 'display:none;'; + + $editor_id = $attributes['id'] ?: 'rwmb-block-editor-' . uniqid(); + $settings = self::prepare_settings( $field ); + + $encoded_settings = wp_json_encode( $settings ); + if ( false === $encoded_settings ) { + $encoded_settings = '{}'; + } + + ob_start(); + ?> +
{function t(e,t){var o,r,a=e.type,i=e.value;return t&&void 0!==(r=t(e))?r:"word"===a||"space"===a?i:"string"===a?(o=e.quote||"")+i+(e.unclosed?"":o):"comment"===a?"/*"+i+(e.unclosed?"":"*/"):"div"===a?(e.before||"")+i+(e.after||""):Array.isArray(e.nodes)?(o=n(e.nodes,t),"function"!==a?o:i+"("+(e.before||"")+o+(e.after||"")+(e.unclosed?"":")")):i}function n(e,n){var o,r;if(Array.isArray(e)){for(o="",r=e.length-1;~r;r-=1)o=t(e[r],n)+o;return o}return t(e,n)}e.exports=n},2882:e=>{var t="-".charCodeAt(0),n="+".charCodeAt(0),o=".".charCodeAt(0),r="e".charCodeAt(0),a="E".charCodeAt(0);e.exports=function(e){var i,s,c,l=0,u=e.length;if(0===u||!function(e){var r,a=e.charCodeAt(0);if(a===n||a===t){if((r=e.charCodeAt(1))>=48&&r<=57)return!0;var i=e.charCodeAt(2);return r===o&&i>=48&&i<=57}return a===o?(r=e.charCodeAt(1))>=48&&r<=57:a>=48&&a<=57}(e))return!1;for((i=e.charCodeAt(l))!==n&&i!==t||l++;l57);)l+=1;if(i=e.charCodeAt(l),s=e.charCodeAt(l+1),i===o&&s>=48&&s<=57)for(l+=2;l57);)l+=1;if(i=e.charCodeAt(l),s=e.charCodeAt(l+1),c=e.charCodeAt(l+2),(i===r||i===a)&&(s>=48&&s<=57||(s===n||s===t)&&c>=48&&c<=57))for(l+=s===n||s===t?3:2;l57);)l+=1;return{number:e.slice(0,l),unit:e.slice(l)}}},8449:e=>{e.exports=function e(t,n,o){var r,a,i,s;for(r=0,a=t.length;r{"use strict";var o=n(6925);function r(){}function a(){}a.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,a,i){if(i!==o){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:r};return n.PropTypes=n,n}},5556:(e,t,n)=>{e.exports=n(2694)()},6925:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},6736:function(e,t,n){"use strict";var o,r=this&&this.__extends||(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||Object.assign||function(e){for(var t,n=1,o=arguments.length;n{"use strict";var o=n(6736);t.A=o.TextareaAutosize},5338:(e,t,n)=>{"use strict";var o=n(5206);t.H=o.createRoot,o.hydrateRoot},2799:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,o=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,l=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,p=n?Symbol.for("react.concurrent_mode"):60111,d=n?Symbol.for("react.forward_ref"):60112,b=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,M=n?Symbol.for("react.memo"):60115,f=n?Symbol.for("react.lazy"):60116,h=n?Symbol.for("react.block"):60121,g=n?Symbol.for("react.fundamental"):60117,z=n?Symbol.for("react.responder"):60118,O=n?Symbol.for("react.scope"):60119;function A(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case o:switch(e=e.type){case u:case p:case a:case s:case i:case b:return e;default:switch(e=e&&e.$$typeof){case l:case d:case f:case M:case c:return e;default:return t}}case r:return t}}}function y(e){return A(e)===p}t.AsyncMode=u,t.ConcurrentMode=p,t.ContextConsumer=l,t.ContextProvider=c,t.Element=o,t.ForwardRef=d,t.Fragment=a,t.Lazy=f,t.Memo=M,t.Portal=r,t.Profiler=s,t.StrictMode=i,t.Suspense=b,t.isAsyncMode=function(e){return y(e)||A(e)===u},t.isConcurrentMode=y,t.isContextConsumer=function(e){return A(e)===l},t.isContextProvider=function(e){return A(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},t.isForwardRef=function(e){return A(e)===d},t.isFragment=function(e){return A(e)===a},t.isLazy=function(e){return A(e)===f},t.isMemo=function(e){return A(e)===M},t.isPortal=function(e){return A(e)===r},t.isProfiler=function(e){return A(e)===s},t.isStrictMode=function(e){return A(e)===i},t.isSuspense=function(e){return A(e)===b},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===p||e===s||e===i||e===b||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===f||e.$$typeof===M||e.$$typeof===c||e.$$typeof===l||e.$$typeof===d||e.$$typeof===g||e.$$typeof===z||e.$$typeof===O||e.$$typeof===h)},t.typeOf=A},4363:(e,t,n)=>{"use strict";e.exports=n(2799)},1020:(e,t,n)=>{"use strict";var o=n(1594),r=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,n){var o,a={},l=null,u=null;for(o in void 0!==n&&(l=""+n),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,o)&&!c.hasOwnProperty(o)&&(a[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===a[o]&&(a[o]=t[o]);return{$$typeof:r,type:e,key:l,ref:u,props:a,_owner:s.current}}t.Fragment=a,t.jsx=l,t.jsxs=l},4848:(e,t,n)=>{"use strict";e.exports=n(1020)},731:e=>{var t={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},n=Object.keys(t).join("|"),o=new RegExp(n,"g"),r=new RegExp(n,"");function a(e){return t[e]}var i=function(e){return e.replace(o,a)};e.exports=i,e.exports.has=function(e){return!!e.match(r)},e.exports.remove=i},8939:(e,t,n)=>{var o,r,a;r=[],void 0===(a="function"==typeof(o=function(){"use strict";var e,t,o,r,a="undefined"!=typeof window?window:null!=typeof n.g?n.g:this||{},i=a.cancelRequestAnimationFrame&&a.requestAnimationFrame||setTimeout,s=a.cancelRequestAnimationFrame||clearTimeout,c=[],l=0,u=!1,p=7,d=35,b=125,m=0,M=0,f=0,h={get didTimeout(){return!1},timeRemaining:function(){var e=p-(Date.now()-M);return e<0?0:e}},g=z((function(){p=22,b=66,d=0}));function z(e){var t,n,o=99,r=function(){var a=Date.now()-n;a 9?o=setTimeout(v,t):(t=0,v()))}function k(){var n,r,a,i=p>9?9:1;if(M=Date.now(),u=!1,o=null,l>2||M-t-50 i;r++)n=c.shift(),f++,n&&n(h);c.length?_():l=0}function w(e){return m++,c.push(e),_(),m}function q(e){var t=e-1-f;c[t]&&(c[t]=null)}if(a.requestIdleCallback&&a.cancelIdleCallback)try{a.requestIdleCallback((function(){}),{timeout:0})}catch(e){!function(e){var t,n;if(a.requestIdleCallback=function(t,n){return n&&"number"==typeof n.timeout?e(t,n.timeout):e(t)},a.IdleCallbackDeadline&&(t=IdleCallbackDeadline.prototype)){if(!(n=Object.getOwnPropertyDescriptor(t,"timeRemaining"))||!n.configurable||!n.get)return;Object.defineProperty(t,"timeRemaining",{value:function(){return n.get.call(this)},enumerable:!0,configurable:!0})}}(a.requestIdleCallback)}else a.requestIdleCallback=w,a.cancelIdleCallback=q,a.document&&document.addEventListener&&(a.addEventListener("scroll",A,!0),a.addEventListener("resize",A),document.addEventListener("focus",A,!0),document.addEventListener("mouseover",A,!0),["click","keypress","touchstart","mousedown"].forEach((function(e){document.addEventListener(e,A,{capture:!0,passive:!0})})),a.MutationObserver&&new MutationObserver(A).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0}));return{request:w,cancel:q}})?o.apply(t,r):o)||(e.exports=a)},6080:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.race=t.join=t.fork=t.promise=void 0;var o=i(n(6439)),r=n(3090),a=i(n(6270));function i(e){return e&&e.__esModule?e:{default:e}}var s=t.promise=function(e,t,n,r,a){return!!o.default.promise(e)&&(e.then(t,a),!0)},c=new Map,l=t.fork=function(e,t,n){if(!o.default.fork(e))return!1;var i=Symbol("fork"),s=(0,a.default)();c.set(i,s),n(e.iterator.apply(null,e.args),(function(e){return s.dispatch(e)}),(function(e){return s.dispatch((0,r.error)(e))}));var l=s.subscribe((function(){l(),c.delete(i)}));return t(i),!0},u=t.join=function(e,t,n,r,a){if(!o.default.join(e))return!1;var i,s=c.get(e.task);return s?i=s.subscribe((function(e){i(),t(e)})):a("join error : task not found"),!0},p=t.race=function(e,t,n,r,a){if(!o.default.race(e))return!1;var i=!1,s=function(e,n,o){i||(i=!0,e[n]=o,t(e))},c=function(e){i||a(e)};return o.default.array(e.competitors)?function(){var t=e.competitors.map((function(){return!1}));e.competitors.forEach((function(e,o){n(e,(function(e){return s(t,o,e)}),c)}))}():function(){var t=Object.keys(e.competitors).reduce((function(e,t){return e[t]=!1,e}),{});Object.keys(e.competitors).forEach((function(o){n(e.competitors[o],(function(e){return s(t,o,e)}),c)}))}(),!0};t.default=[s,l,u,p,function(e,t){if(!o.default.subscribe(e))return!1;if(!o.default.channel(e.channel))throw new Error('the first argument of "subscribe" must be a valid channel');var n=e.channel.subscribe((function(e){n&&n(),t(e)}));return!0}]},323:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.iterator=t.array=t.object=t.error=t.any=void 0;var o,r=n(6439),a=(o=r)&&o.__esModule?o:{default:o};var i=t.any=function(e,t,n,o){return o(e),!0},s=t.error=function(e,t,n,o,r){return!!a.default.error(e)&&(r(e.error),!0)},c=t.object=function(e,t,n,o,r){if(!a.default.all(e)||!a.default.obj(e.value))return!1;var i={},s=Object.keys(e.value),c=0,l=!1;return s.map((function(t){n(e.value[t],(function(e){return function(e,t){l||(i[e]=t,++c===s.length&&o(i))}(t,e)}),(function(e){return function(e,t){l||(l=!0,r(t))}(0,e)}))})),!0},l=t.array=function(e,t,n,o,r){if(!a.default.all(e)||!a.default.array(e.value))return!1;var i=[],s=0,c=!1;return e.value.map((function(t,a){n(t,(function(t){return function(t,n){c||(i[t]=n,++s===e.value.length&&o(i))}(a,t)}),(function(e){return function(e,t){c||(c=!0,r(t))}(0,e)}))})),!0},u=t.iterator=function(e,t,n,o,r){return!!a.default.iterator(e)&&(n(e,t,r),!0)};t.default=[s,u,l,c,i]},2682:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.cps=t.call=void 0;var o,r=n(6439),a=(o=r)&&o.__esModule?o:{default:o};var i=t.call=function(e,t,n,o,r){if(!a.default.call(e))return!1;try{t(e.func.apply(e.context,e.args))}catch(e){r(e)}return!0},s=t.cps=function(e,t,n,o,r){var i;return!!a.default.cps(e)&&((i=e.func).call.apply(i,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t {"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a(n(323)),r=a(n(6439));function a(e){return e&&e.__esModule?e:{default:e}}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t {"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.wrapControls=t.asyncControls=t.create=void 0;var o=n(3090);Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return o[e]}})}));var r=s(n(8249)),a=s(n(6080)),i=s(n(2682));function s(e){return e&&e.__esModule?e:{default:e}}t.create=r.default,t.asyncControls=a.default,t.wrapControls=i.default},6270:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.default=function(){var e=[];return{subscribe:function(t){return e.push(t),function(){e=e.filter((function(e){return e!==t}))}},dispatch:function(t){e.slice().forEach((function(e){return e(t)}))}}}},3090:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createChannel=t.subscribe=t.cps=t.apply=t.call=t.invoke=t.delay=t.race=t.join=t.fork=t.error=t.all=void 0;var o,r=n(9907),a=(o=r)&&o.__esModule?o:{default:o};t.all=function(e){return{type:a.default.all,value:e}},t.error=function(e){return{type:a.default.error,error:e}},t.fork=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),o=1;o 1?t-1:0),o=1;o 2?n-2:0),r=2;r 1?t-1:0),o=1;o {"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol?"symbol":typeof e},a=n(9907),i=(o=a)&&o.__esModule?o:{default:o};var s={obj:function(e){return"object"===(void 0===e?"undefined":r(e))&&!!e},all:function(e){return s.obj(e)&&e.type===i.default.all},error:function(e){return s.obj(e)&&e.type===i.default.error},array:Array.isArray,func:function(e){return"function"==typeof e},promise:function(e){return e&&s.func(e.then)},iterator:function(e){return e&&s.func(e.next)&&s.func(e.throw)},fork:function(e){return s.obj(e)&&e.type===i.default.fork},join:function(e){return s.obj(e)&&e.type===i.default.join},race:function(e){return s.obj(e)&&e.type===i.default.race},call:function(e){return s.obj(e)&&e.type===i.default.call},cps:function(e){return s.obj(e)&&e.type===i.default.cps},subscribe:function(e){return s.obj(e)&&e.type===i.default.subscribe},channel:function(e){return s.obj(e)&&s.func(e.subscribe)}};t.default=s},9907:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={all:Symbol("all"),error:Symbol("error"),fork:Symbol("fork"),join:Symbol("join"),race:Symbol("race"),call:Symbol("call"),cps:Symbol("cps"),subscribe:Symbol("subscribe")};t.default=n},1552:function(e,t,n){var o;(function(){function r(e){"use strict";var t={omitExtraWLInCodeBlocks:{defaultValue:!1,describe:"Omit the default extra whiteline added to code blocks",type:"boolean"},noHeaderId:{defaultValue:!1,describe:"Turn on/off generated header id",type:"boolean"},prefixHeaderId:{defaultValue:!1,describe:"Add a prefix to the generated header ids. Passing a string will prefix that string to the header id. Setting to true will add a generic 'section-' prefix",type:"string"},rawPrefixHeaderId:{defaultValue:!1,describe:'Setting this option to true will prevent showdown from modifying the prefix. This might result in malformed IDs (if, for instance, the " char is used in the prefix)',type:"boolean"},ghCompatibleHeaderId:{defaultValue:!1,describe:"Generate header ids compatible with github style (spaces are replaced with dashes, a bunch of non alphanumeric chars are removed)",type:"boolean"},rawHeaderId:{defaultValue:!1,describe:"Remove only spaces, ' and \" from generated header ids (including prefixes), replacing them with dashes (-). WARNING: This might result in malformed ids",type:"boolean"},headerLevelStart:{defaultValue:!1,describe:"The header blocks level start",type:"integer"},parseImgDimensions:{defaultValue:!1,describe:"Turn on/off image dimension parsing",type:"boolean"},simplifiedAutoLink:{defaultValue:!1,describe:"Turn on/off GFM autolink style",type:"boolean"},excludeTrailingPunctuationFromURLs:{defaultValue:!1,describe:"Excludes trailing punctuation from links generated with autoLinking",type:"boolean"},literalMidWordUnderscores:{defaultValue:!1,describe:"Parse midword underscores as literal underscores",type:"boolean"},literalMidWordAsterisks:{defaultValue:!1,describe:"Parse midword asterisks as literal asterisks",type:"boolean"},strikethrough:{defaultValue:!1,describe:"Turn on/off strikethrough support",type:"boolean"},tables:{defaultValue:!1,describe:"Turn on/off tables support",type:"boolean"},tablesHeaderId:{defaultValue:!1,describe:"Add an id to table headers",type:"boolean"},ghCodeBlocks:{defaultValue:!0,describe:"Turn on/off GFM fenced code blocks support",type:"boolean"},tasklists:{defaultValue:!1,describe:"Turn on/off GFM tasklist support",type:"boolean"},smoothLivePreview:{defaultValue:!1,describe:"Prevents weird effects in live previews due to incomplete input",type:"boolean"},smartIndentationFix:{defaultValue:!1,description:"Tries to smartly fix indentation in es6 strings",type:"boolean"},disableForced4SpacesIndentedSublists:{defaultValue:!1,description:"Disables the requirement of indenting nested sublists by 4 spaces",type:"boolean"},simpleLineBreaks:{defaultValue:!1,description:"Parses simple line breaks as
(GFM Style)",type:"boolean"},requireSpaceBeforeHeadingText:{defaultValue:!1,description:"Makes adding a space between `#` and the header text mandatory (GFM Style)",type:"boolean"},ghMentions:{defaultValue:!1,description:"Enables github @mentions",type:"boolean"},ghMentionsLink:{defaultValue:"https://github.com/{u}",description:"Changes the link generated by @mentions. Only applies if ghMentions option is enabled.",type:"string"},encodeEmails:{defaultValue:!0,description:"Encode e-mail addresses through the use of Character Entities, transforming ASCII e-mail addresses into its equivalent decimal entities",type:"boolean"},openLinksInNewWindow:{defaultValue:!1,description:"Open all links in new windows",type:"boolean"},backslashEscapesHTMLTags:{defaultValue:!1,description:"Support for HTML Tag escaping. ex:foo",type:"boolean"},emoji:{defaultValue:!1,description:"Enable emoji support. Ex: `this is a :smile: emoji`",type:"boolean"},underline:{defaultValue:!1,description:"Enable support for underline. Syntax is double or triple underscores: `__underline word__`. With this option enabled, underscores no longer parses into `` and ``",type:"boolean"},completeHTMLDocument:{defaultValue:!1,description:"Outputs a complete html document, including ``, `` and `` tags",type:"boolean"},metadata:{defaultValue:!1,description:"Enable support for document metadata (defined at the top of the document between `«««` and `»»»` or between `---` and `---`).",type:"boolean"},splitAdjacentBlockquotes:{defaultValue:!1,description:"Split adjacent blockquote blocks",type:"boolean"}};if(!1===e)return JSON.parse(JSON.stringify(t));var n={};for(var o in t)t.hasOwnProperty(o)&&(n[o]=t[o].defaultValue);return n}var a={},i={},s={},c=r(!0),l="vanilla",u={github:{omitExtraWLInCodeBlocks:!0,simplifiedAutoLink:!0,excludeTrailingPunctuationFromURLs:!0,literalMidWordUnderscores:!0,strikethrough:!0,tables:!0,tablesHeaderId:!0,ghCodeBlocks:!0,tasklists:!0,disableForced4SpacesIndentedSublists:!0,simpleLineBreaks:!0,requireSpaceBeforeHeadingText:!0,ghCompatibleHeaderId:!0,ghMentions:!0,backslashEscapesHTMLTags:!0,emoji:!0,splitAdjacentBlockquotes:!0},original:{noHeaderId:!0,ghCodeBlocks:!1},ghost:{omitExtraWLInCodeBlocks:!0,parseImgDimensions:!0,simplifiedAutoLink:!0,excludeTrailingPunctuationFromURLs:!0,literalMidWordUnderscores:!0,strikethrough:!0,tables:!0,tablesHeaderId:!0,ghCodeBlocks:!0,tasklists:!0,smoothLivePreview:!0,simpleLineBreaks:!0,requireSpaceBeforeHeadingText:!0,ghMentions:!1,encodeEmails:!0},vanilla:r(!0),allOn:function(){"use strict";var e=r(!0),t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=!0);return t}()};function p(e,t){"use strict";var n=t?"Error in "+t+" extension->":"Error in unnamed extension",o={valid:!0,error:""};a.helper.isArray(e)||(e=[e]);for(var r=0;r").replace(/&/g,"&")};var b=function(e,t,n,o){"use strict";var r,a,i,s,c,l=o||"",u=l.indexOf("g")>-1,p=new RegExp(t+"|"+n,"g"+l.replace(/g/g,"")),d=new RegExp(t,l.replace(/g/g,"")),b=[];do{for(r=0;i=p.exec(e);)if(d.test(i[0]))r++||(s=(a=p.lastIndex)-i[0].length);else if(r&&! --r){c=i.index+i[0].length;var m={left:{start:s,end:a},match:{start:a,end:i.index},right:{start:i.index,end:c},wholeMatch:{start:s,end:c}};if(b.push(m),!u)return b}}while(r&&(p.lastIndex=a));return b};a.helper.matchRecursiveRegExp=function(e,t,n,o){"use strict";for(var r=b(e,t,n,o),a=[],i=0;i 0){var u=[];0!==s[0].wholeMatch.start&&u.push(e.slice(0,s[0].wholeMatch.start));for(var p=0;p =0?o+(n||0):o},a.helper.splitAtIndex=function(e,t){"use strict";if(!a.helper.isString(e))throw"InvalidArgumentError: first parameter of showdown.helper.regexIndexOf function must be a string";return[e.substring(0,t),e.substring(t)]},a.helper.encodeEmailAddress=function(e){"use strict";var t=[function(e){return""+e.charCodeAt(0)+";"},function(e){return""+e.charCodeAt(0).toString(16)+";"},function(e){return e}];return e=e.replace(/./g,(function(e){if("@"===e)e=t[Math.floor(2*Math.random())](e);else{var n=Math.random();e=n>.9?t[2](e):n>.45?t[1](e):t[0](e)}return e}))},a.helper.padEnd=function(e,t,n){"use strict";return t>>=0,n=String(n||" "),e.length>t?String(e):((t-=e.length)>n.length&&(n+=n.repeat(t/n.length)),String(e)+n.slice(0,t))},"undefined"==typeof console&&(console={warn:function(e){"use strict";alert(e)},log:function(e){"use strict";alert(e)},error:function(e){"use strict";throw e}}),a.helper.regexes={asteriskDashAndColon:/([*_:~])/g},a.helper.emojis={"+1":"👍","-1":"👎",100:"💯",1234:"🔢","1st_place_medal":"🥇","2nd_place_medal":"🥈","3rd_place_medal":"🥉","8ball":"🎱",a:"🅰️",ab:"🆎",abc:"🔤",abcd:"🔡",accept:"🉑",aerial_tramway:"🚡",airplane:"✈️",alarm_clock:"⏰",alembic:"⚗️",alien:"👽",ambulance:"🚑",amphora:"🏺",anchor:"⚓️",angel:"👼",anger:"💢",angry:"😠",anguished:"😧",ant:"🐜",apple:"🍎",aquarius:"♒️",aries:"♈️",arrow_backward:"◀️",arrow_double_down:"⏬",arrow_double_up:"⏫",arrow_down:"⬇️",arrow_down_small:"🔽",arrow_forward:"▶️",arrow_heading_down:"⤵️",arrow_heading_up:"⤴️",arrow_left:"⬅️",arrow_lower_left:"↙️",arrow_lower_right:"↘️",arrow_right:"➡️",arrow_right_hook:"↪️",arrow_up:"⬆️",arrow_up_down:"↕️",arrow_up_small:"🔼",arrow_upper_left:"↖️",arrow_upper_right:"↗️",arrows_clockwise:"🔃",arrows_counterclockwise:"🔄",art:"🎨",articulated_lorry:"🚛",artificial_satellite:"🛰",astonished:"😲",athletic_shoe:"👟",atm:"🏧",atom_symbol:"⚛️",avocado:"🥑",b:"🅱️",baby:"👶",baby_bottle:"🍼",baby_chick:"🐤",baby_symbol:"🚼",back:"🔙",bacon:"🥓",badminton:"🏸",baggage_claim:"🛄",baguette_bread:"🥖",balance_scale:"⚖️",balloon:"🎈",ballot_box:"🗳",ballot_box_with_check:"☑️",bamboo:"🎍",banana:"🍌",bangbang:"‼️",bank:"🏦",bar_chart:"📊",barber:"💈",baseball:"⚾️",basketball:"🏀",basketball_man:"⛹️",basketball_woman:"⛹️♀️",bat:"🦇",bath:"🛀",bathtub:"🛁",battery:"🔋",beach_umbrella:"🏖",bear:"🐻",bed:"🛏",bee:"🐝",beer:"🍺",beers:"🍻",beetle:"🐞",beginner:"🔰",bell:"🔔",bellhop_bell:"🛎",bento:"🍱",biking_man:"🚴",bike:"🚲",biking_woman:"🚴♀️",bikini:"👙",biohazard:"☣️",bird:"🐦",birthday:"🎂",black_circle:"⚫️",black_flag:"🏴",black_heart:"🖤",black_joker:"🃏",black_large_square:"⬛️",black_medium_small_square:"◾️",black_medium_square:"◼️",black_nib:"✒️",black_small_square:"▪️",black_square_button:"🔲",blonde_man:"👱",blonde_woman:"👱♀️",blossom:"🌼",blowfish:"🐡",blue_book:"📘",blue_car:"🚙",blue_heart:"💙",blush:"😊",boar:"🐗",boat:"⛵️",bomb:"💣",book:"📖",bookmark:"🔖",bookmark_tabs:"📑",books:"📚",boom:"💥",boot:"👢",bouquet:"💐",bowing_man:"🙇",bow_and_arrow:"🏹",bowing_woman:"🙇♀️",bowling:"🎳",boxing_glove:"🥊",boy:"👦",bread:"🍞",bride_with_veil:"👰",bridge_at_night:"🌉",briefcase:"💼",broken_heart:"💔",bug:"🐛",building_construction:"🏗",bulb:"💡",bullettrain_front:"🚅",bullettrain_side:"🚄",burrito:"🌯",bus:"🚌",business_suit_levitating:"🕴",busstop:"🚏",bust_in_silhouette:"👤",busts_in_silhouette:"👥",butterfly:"🦋",cactus:"🌵",cake:"🍰",calendar:"📆",call_me_hand:"🤙",calling:"📲",camel:"🐫",camera:"📷",camera_flash:"📸",camping:"🏕",cancer:"♋️",candle:"🕯",candy:"🍬",canoe:"🛶",capital_abcd:"🔠",capricorn:"♑️",car:"🚗",card_file_box:"🗃",card_index:"📇",card_index_dividers:"🗂",carousel_horse:"🎠",carrot:"🥕",cat:"🐱",cat2:"🐈",cd:"💿",chains:"⛓",champagne:"🍾",chart:"💹",chart_with_downwards_trend:"📉",chart_with_upwards_trend:"📈",checkered_flag:"🏁",cheese:"🧀",cherries:"🍒",cherry_blossom:"🌸",chestnut:"🌰",chicken:"🐔",children_crossing:"🚸",chipmunk:"🐿",chocolate_bar:"🍫",christmas_tree:"🎄",church:"⛪️",cinema:"🎦",circus_tent:"🎪",city_sunrise:"🌇",city_sunset:"🌆",cityscape:"🏙",cl:"🆑",clamp:"🗜",clap:"👏",clapper:"🎬",classical_building:"🏛",clinking_glasses:"🥂",clipboard:"📋",clock1:"🕐",clock10:"🕙",clock1030:"🕥",clock11:"🕚",clock1130:"🕦",clock12:"🕛",clock1230:"🕧",clock130:"🕜",clock2:"🕑",clock230:"🕝",clock3:"🕒",clock330:"🕞",clock4:"🕓",clock430:"🕟",clock5:"🕔",clock530:"🕠",clock6:"🕕",clock630:"🕡",clock7:"🕖",clock730:"🕢",clock8:"🕗",clock830:"🕣",clock9:"🕘",clock930:"🕤",closed_book:"📕",closed_lock_with_key:"🔐",closed_umbrella:"🌂",cloud:"☁️",cloud_with_lightning:"🌩",cloud_with_lightning_and_rain:"⛈",cloud_with_rain:"🌧",cloud_with_snow:"🌨",clown_face:"🤡",clubs:"♣️",cocktail:"🍸",coffee:"☕️",coffin:"⚰️",cold_sweat:"😰",comet:"☄️",computer:"💻",computer_mouse:"🖱",confetti_ball:"🎊",confounded:"😖",confused:"😕",congratulations:"㊗️",construction:"🚧",construction_worker_man:"👷",construction_worker_woman:"👷♀️",control_knobs:"🎛",convenience_store:"🏪",cookie:"🍪",cool:"🆒",policeman:"👮",copyright:"©️",corn:"🌽",couch_and_lamp:"🛋",couple:"👫",couple_with_heart_woman_man:"💑",couple_with_heart_man_man:"👨❤️👨",couple_with_heart_woman_woman:"👩❤️👩",couplekiss_man_man:"👨❤️💋👨",couplekiss_man_woman:"💏",couplekiss_woman_woman:"👩❤️💋👩",cow:"🐮",cow2:"🐄",cowboy_hat_face:"🤠",crab:"🦀",crayon:"🖍",credit_card:"💳",crescent_moon:"🌙",cricket:"🏏",crocodile:"🐊",croissant:"🥐",crossed_fingers:"🤞",crossed_flags:"🎌",crossed_swords:"⚔️",crown:"👑",cry:"😢",crying_cat_face:"😿",crystal_ball:"🔮",cucumber:"🥒",cupid:"💘",curly_loop:"➰",currency_exchange:"💱",curry:"🍛",custard:"🍮",customs:"🛃",cyclone:"🌀",dagger:"🗡",dancer:"💃",dancing_women:"👯",dancing_men:"👯♂️",dango:"🍡",dark_sunglasses:"🕶",dart:"🎯",dash:"💨",date:"📅",deciduous_tree:"🌳",deer:"🦌",department_store:"🏬",derelict_house:"🏚",desert:"🏜",desert_island:"🏝",desktop_computer:"🖥",male_detective:"🕵️",diamond_shape_with_a_dot_inside:"💠",diamonds:"♦️",disappointed:"😞",disappointed_relieved:"😥",dizzy:"💫",dizzy_face:"😵",do_not_litter:"🚯",dog:"🐶",dog2:"🐕",dollar:"💵",dolls:"🎎",dolphin:"🐬",door:"🚪",doughnut:"🍩",dove:"🕊",dragon:"🐉",dragon_face:"🐲",dress:"👗",dromedary_camel:"🐪",drooling_face:"🤤",droplet:"💧",drum:"🥁",duck:"🦆",dvd:"📀","e-mail":"📧",eagle:"🦅",ear:"👂",ear_of_rice:"🌾",earth_africa:"🌍",earth_americas:"🌎",earth_asia:"🌏",egg:"🥚",eggplant:"🍆",eight_pointed_black_star:"✴️",eight_spoked_asterisk:"✳️",electric_plug:"🔌",elephant:"🐘",email:"✉️",end:"🔚",envelope_with_arrow:"📩",euro:"💶",european_castle:"🏰",european_post_office:"🏤",evergreen_tree:"🌲",exclamation:"❗️",expressionless:"😑",eye:"👁",eye_speech_bubble:"👁🗨",eyeglasses:"👓",eyes:"👀",face_with_head_bandage:"🤕",face_with_thermometer:"🤒",fist_oncoming:"👊",factory:"🏭",fallen_leaf:"🍂",family_man_woman_boy:"👪",family_man_boy:"👨👦",family_man_boy_boy:"👨👦👦",family_man_girl:"👨👧",family_man_girl_boy:"👨👧👦",family_man_girl_girl:"👨👧👧",family_man_man_boy:"👨👨👦",family_man_man_boy_boy:"👨👨👦👦",family_man_man_girl:"👨👨👧",family_man_man_girl_boy:"👨👨👧👦",family_man_man_girl_girl:"👨👨👧👧",family_man_woman_boy_boy:"👨👩👦👦",family_man_woman_girl:"👨👩👧",family_man_woman_girl_boy:"👨👩👧👦",family_man_woman_girl_girl:"👨👩👧👧",family_woman_boy:"👩👦",family_woman_boy_boy:"👩👦👦",family_woman_girl:"👩👧",family_woman_girl_boy:"👩👧👦",family_woman_girl_girl:"👩👧👧",family_woman_woman_boy:"👩👩👦",family_woman_woman_boy_boy:"👩👩👦👦",family_woman_woman_girl:"👩👩👧",family_woman_woman_girl_boy:"👩👩👧👦",family_woman_woman_girl_girl:"👩👩👧👧",fast_forward:"⏩",fax:"📠",fearful:"😨",feet:"🐾",female_detective:"🕵️♀️",ferris_wheel:"🎡",ferry:"⛴",field_hockey:"🏑",file_cabinet:"🗄",file_folder:"📁",film_projector:"📽",film_strip:"🎞",fire:"🔥",fire_engine:"🚒",fireworks:"🎆",first_quarter_moon:"🌓",first_quarter_moon_with_face:"🌛",fish:"🐟",fish_cake:"🍥",fishing_pole_and_fish:"🎣",fist_raised:"✊",fist_left:"🤛",fist_right:"🤜",flags:"🎏",flashlight:"🔦",fleur_de_lis:"⚜️",flight_arrival:"🛬",flight_departure:"🛫",floppy_disk:"💾",flower_playing_cards:"🎴",flushed:"😳",fog:"🌫",foggy:"🌁",football:"🏈",footprints:"👣",fork_and_knife:"🍴",fountain:"⛲️",fountain_pen:"🖋",four_leaf_clover:"🍀",fox_face:"🦊",framed_picture:"🖼",free:"🆓",fried_egg:"🍳",fried_shrimp:"🍤",fries:"🍟",frog:"🐸",frowning:"😦",frowning_face:"☹️",frowning_man:"🙍♂️",frowning_woman:"🙍",middle_finger:"🖕",fuelpump:"⛽️",full_moon:"🌕",full_moon_with_face:"🌝",funeral_urn:"⚱️",game_die:"🎲",gear:"⚙️",gem:"💎",gemini:"♊️",ghost:"👻",gift:"🎁",gift_heart:"💝",girl:"👧",globe_with_meridians:"🌐",goal_net:"🥅",goat:"🐐",golf:"⛳️",golfing_man:"🏌️",golfing_woman:"🏌️♀️",gorilla:"🦍",grapes:"🍇",green_apple:"🍏",green_book:"📗",green_heart:"💚",green_salad:"🥗",grey_exclamation:"❕",grey_question:"❔",grimacing:"😬",grin:"😁",grinning:"😀",guardsman:"💂",guardswoman:"💂♀️",guitar:"🎸",gun:"🔫",haircut_woman:"💇",haircut_man:"💇♂️",hamburger:"🍔",hammer:"🔨",hammer_and_pick:"⚒",hammer_and_wrench:"🛠",hamster:"🐹",hand:"✋",handbag:"👜",handshake:"🤝",hankey:"💩",hatched_chick:"🐥",hatching_chick:"🐣",headphones:"🎧",hear_no_evil:"🙉",heart:"❤️",heart_decoration:"💟",heart_eyes:"😍",heart_eyes_cat:"😻",heartbeat:"💓",heartpulse:"💗",hearts:"♥️",heavy_check_mark:"✔️",heavy_division_sign:"➗",heavy_dollar_sign:"💲",heavy_heart_exclamation:"❣️",heavy_minus_sign:"➖",heavy_multiplication_x:"✖️",heavy_plus_sign:"➕",helicopter:"🚁",herb:"🌿",hibiscus:"🌺",high_brightness:"🔆",high_heel:"👠",hocho:"🔪",hole:"🕳",honey_pot:"🍯",horse:"🐴",horse_racing:"🏇",hospital:"🏥",hot_pepper:"🌶",hotdog:"🌭",hotel:"🏨",hotsprings:"♨️",hourglass:"⌛️",hourglass_flowing_sand:"⏳",house:"🏠",house_with_garden:"🏡",houses:"🏘",hugs:"🤗",hushed:"😯",ice_cream:"🍨",ice_hockey:"🏒",ice_skate:"⛸",icecream:"🍦",id:"🆔",ideograph_advantage:"🉐",imp:"👿",inbox_tray:"📥",incoming_envelope:"📨",tipping_hand_woman:"💁",information_source:"ℹ️",innocent:"😇",interrobang:"⁉️",iphone:"📱",izakaya_lantern:"🏮",jack_o_lantern:"🎃",japan:"🗾",japanese_castle:"🏯",japanese_goblin:"👺",japanese_ogre:"👹",jeans:"👖",joy:"😂",joy_cat:"😹",joystick:"🕹",kaaba:"🕋",key:"🔑",keyboard:"⌨️",keycap_ten:"🔟",kick_scooter:"🛴",kimono:"👘",kiss:"💋",kissing:"😗",kissing_cat:"😽",kissing_closed_eyes:"😚",kissing_heart:"😘",kissing_smiling_eyes:"😙",kiwi_fruit:"🥝",koala:"🐨",koko:"🈁",label:"🏷",large_blue_circle:"🔵",large_blue_diamond:"🔷",large_orange_diamond:"🔶",last_quarter_moon:"🌗",last_quarter_moon_with_face:"🌜",latin_cross:"✝️",laughing:"😆",leaves:"🍃",ledger:"📒",left_luggage:"🛅",left_right_arrow:"↔️",leftwards_arrow_with_hook:"↩️",lemon:"🍋",leo:"♌️",leopard:"🐆",level_slider:"🎚",libra:"♎️",light_rail:"🚈",link:"🔗",lion:"🦁",lips:"👄",lipstick:"💄",lizard:"🦎",lock:"🔒",lock_with_ink_pen:"🔏",lollipop:"🍭",loop:"➿",loud_sound:"🔊",loudspeaker:"📢",love_hotel:"🏩",love_letter:"💌",low_brightness:"🔅",lying_face:"🤥",m:"Ⓜ️",mag:"🔍",mag_right:"🔎",mahjong:"🀄️",mailbox:"📫",mailbox_closed:"📪",mailbox_with_mail:"📬",mailbox_with_no_mail:"📭",man:"👨",man_artist:"👨🎨",man_astronaut:"👨🚀",man_cartwheeling:"🤸♂️",man_cook:"👨🍳",man_dancing:"🕺",man_facepalming:"🤦♂️",man_factory_worker:"👨🏭",man_farmer:"👨🌾",man_firefighter:"👨🚒",man_health_worker:"👨⚕️",man_in_tuxedo:"🤵",man_judge:"👨⚖️",man_juggling:"🤹♂️",man_mechanic:"👨🔧",man_office_worker:"👨💼",man_pilot:"👨✈️",man_playing_handball:"🤾♂️",man_playing_water_polo:"🤽♂️",man_scientist:"👨🔬",man_shrugging:"🤷♂️",man_singer:"👨🎤",man_student:"👨🎓",man_teacher:"👨🏫",man_technologist:"👨💻",man_with_gua_pi_mao:"👲",man_with_turban:"👳",tangerine:"🍊",mans_shoe:"👞",mantelpiece_clock:"🕰",maple_leaf:"🍁",martial_arts_uniform:"🥋",mask:"😷",massage_woman:"💆",massage_man:"💆♂️",meat_on_bone:"🍖",medal_military:"🎖",medal_sports:"🏅",mega:"📣",melon:"🍈",memo:"📝",men_wrestling:"🤼♂️",menorah:"🕎",mens:"🚹",metal:"🤘",metro:"🚇",microphone:"🎤",microscope:"🔬",milk_glass:"🥛",milky_way:"🌌",minibus:"🚐",minidisc:"💽",mobile_phone_off:"📴",money_mouth_face:"🤑",money_with_wings:"💸",moneybag:"💰",monkey:"🐒",monkey_face:"🐵",monorail:"🚝",moon:"🌔",mortar_board:"🎓",mosque:"🕌",motor_boat:"🛥",motor_scooter:"🛵",motorcycle:"🏍",motorway:"🛣",mount_fuji:"🗻",mountain:"⛰",mountain_biking_man:"🚵",mountain_biking_woman:"🚵♀️",mountain_cableway:"🚠",mountain_railway:"🚞",mountain_snow:"🏔",mouse:"🐭",mouse2:"🐁",movie_camera:"🎥",moyai:"🗿",mrs_claus:"🤶",muscle:"💪",mushroom:"🍄",musical_keyboard:"🎹",musical_note:"🎵",musical_score:"🎼",mute:"🔇",nail_care:"💅",name_badge:"📛",national_park:"🏞",nauseated_face:"🤢",necktie:"👔",negative_squared_cross_mark:"❎",nerd_face:"🤓",neutral_face:"😐",new:"🆕",new_moon:"🌑",new_moon_with_face:"🌚",newspaper:"📰",newspaper_roll:"🗞",next_track_button:"⏭",ng:"🆖",no_good_man:"🙅♂️",no_good_woman:"🙅",night_with_stars:"🌃",no_bell:"🔕",no_bicycles:"🚳",no_entry:"⛔️",no_entry_sign:"🚫",no_mobile_phones:"📵",no_mouth:"😶",no_pedestrians:"🚷",no_smoking:"🚭","non-potable_water":"🚱",nose:"👃",notebook:"📓",notebook_with_decorative_cover:"📔",notes:"🎶",nut_and_bolt:"🔩",o:"⭕️",o2:"🅾️",ocean:"🌊",octopus:"🐙",oden:"🍢",office:"🏢",oil_drum:"🛢",ok:"🆗",ok_hand:"👌",ok_man:"🙆♂️",ok_woman:"🙆",old_key:"🗝",older_man:"👴",older_woman:"👵",om:"🕉",on:"🔛",oncoming_automobile:"🚘",oncoming_bus:"🚍",oncoming_police_car:"🚔",oncoming_taxi:"🚖",open_file_folder:"📂",open_hands:"👐",open_mouth:"😮",open_umbrella:"☂️",ophiuchus:"⛎",orange_book:"📙",orthodox_cross:"☦️",outbox_tray:"📤",owl:"🦉",ox:"🐂",package:"📦",page_facing_up:"📄",page_with_curl:"📃",pager:"📟",paintbrush:"🖌",palm_tree:"🌴",pancakes:"🥞",panda_face:"🐼",paperclip:"📎",paperclips:"🖇",parasol_on_ground:"⛱",parking:"🅿️",part_alternation_mark:"〽️",partly_sunny:"⛅️",passenger_ship:"🛳",passport_control:"🛂",pause_button:"⏸",peace_symbol:"☮️",peach:"🍑",peanuts:"🥜",pear:"🍐",pen:"🖊",pencil2:"✏️",penguin:"🐧",pensive:"😔",performing_arts:"🎭",persevere:"😣",person_fencing:"🤺",pouting_woman:"🙎",phone:"☎️",pick:"⛏",pig:"🐷",pig2:"🐖",pig_nose:"🐽",pill:"💊",pineapple:"🍍",ping_pong:"🏓",pisces:"♓️",pizza:"🍕",place_of_worship:"🛐",plate_with_cutlery:"🍽",play_or_pause_button:"⏯",point_down:"👇",point_left:"👈",point_right:"👉",point_up:"☝️",point_up_2:"👆",police_car:"🚓",policewoman:"👮♀️",poodle:"🐩",popcorn:"🍿",post_office:"🏣",postal_horn:"📯",postbox:"📮",potable_water:"🚰",potato:"🥔",pouch:"👝",poultry_leg:"🍗",pound:"💷",rage:"😡",pouting_cat:"😾",pouting_man:"🙎♂️",pray:"🙏",prayer_beads:"📿",pregnant_woman:"🤰",previous_track_button:"⏮",prince:"🤴",princess:"👸",printer:"🖨",purple_heart:"💜",purse:"👛",pushpin:"📌",put_litter_in_its_place:"🚮",question:"❓",rabbit:"🐰",rabbit2:"🐇",racehorse:"🐎",racing_car:"🏎",radio:"📻",radio_button:"🔘",radioactive:"☢️",railway_car:"🚃",railway_track:"🛤",rainbow:"🌈",rainbow_flag:"🏳️🌈",raised_back_of_hand:"🤚",raised_hand_with_fingers_splayed:"🖐",raised_hands:"🙌",raising_hand_woman:"🙋",raising_hand_man:"🙋♂️",ram:"🐏",ramen:"🍜",rat:"🐀",record_button:"⏺",recycle:"♻️",red_circle:"🔴",registered:"®️",relaxed:"☺️",relieved:"😌",reminder_ribbon:"🎗",repeat:"🔁",repeat_one:"🔂",rescue_worker_helmet:"⛑",restroom:"🚻",revolving_hearts:"💞",rewind:"⏪",rhinoceros:"🦏",ribbon:"🎀",rice:"🍚",rice_ball:"🍙",rice_cracker:"🍘",rice_scene:"🎑",right_anger_bubble:"🗯",ring:"💍",robot:"🤖",rocket:"🚀",rofl:"🤣",roll_eyes:"🙄",roller_coaster:"🎢",rooster:"🐓",rose:"🌹",rosette:"🏵",rotating_light:"🚨",round_pushpin:"📍",rowing_man:"🚣",rowing_woman:"🚣♀️",rugby_football:"🏉",running_man:"🏃",running_shirt_with_sash:"🎽",running_woman:"🏃♀️",sa:"🈂️",sagittarius:"♐️",sake:"🍶",sandal:"👡",santa:"🎅",satellite:"📡",saxophone:"🎷",school:"🏫",school_satchel:"🎒",scissors:"✂️",scorpion:"🦂",scorpius:"♏️",scream:"😱",scream_cat:"🙀",scroll:"📜",seat:"💺",secret:"㊙️",see_no_evil:"🙈",seedling:"🌱",selfie:"🤳",shallow_pan_of_food:"🥘",shamrock:"☘️",shark:"🦈",shaved_ice:"🍧",sheep:"🐑",shell:"🐚",shield:"🛡",shinto_shrine:"⛩",ship:"🚢",shirt:"👕",shopping:"🛍",shopping_cart:"🛒",shower:"🚿",shrimp:"🦐",signal_strength:"📶",six_pointed_star:"🔯",ski:"🎿",skier:"⛷",skull:"💀",skull_and_crossbones:"☠️",sleeping:"😴",sleeping_bed:"🛌",sleepy:"😪",slightly_frowning_face:"🙁",slightly_smiling_face:"🙂",slot_machine:"🎰",small_airplane:"🛩",small_blue_diamond:"🔹",small_orange_diamond:"🔸",small_red_triangle:"🔺",small_red_triangle_down:"🔻",smile:"😄",smile_cat:"😸",smiley:"😃",smiley_cat:"😺",smiling_imp:"😈",smirk:"😏",smirk_cat:"😼",smoking:"🚬",snail:"🐌",snake:"🐍",sneezing_face:"🤧",snowboarder:"🏂",snowflake:"❄️",snowman:"⛄️",snowman_with_snow:"☃️",sob:"😭",soccer:"⚽️",soon:"🔜",sos:"🆘",sound:"🔉",space_invader:"👾",spades:"♠️",spaghetti:"🍝",sparkle:"❇️",sparkler:"🎇",sparkles:"✨",sparkling_heart:"💖",speak_no_evil:"🙊",speaker:"🔈",speaking_head:"🗣",speech_balloon:"💬",speedboat:"🚤",spider:"🕷",spider_web:"🕸",spiral_calendar:"🗓",spiral_notepad:"🗒",spoon:"🥄",squid:"🦑",stadium:"🏟",star:"⭐️",star2:"🌟",star_and_crescent:"☪️",star_of_david:"✡️",stars:"🌠",station:"🚉",statue_of_liberty:"🗽",steam_locomotive:"🚂",stew:"🍲",stop_button:"⏹",stop_sign:"🛑",stopwatch:"⏱",straight_ruler:"📏",strawberry:"🍓",stuck_out_tongue:"😛",stuck_out_tongue_closed_eyes:"😝",stuck_out_tongue_winking_eye:"😜",studio_microphone:"🎙",stuffed_flatbread:"🥙",sun_behind_large_cloud:"🌥",sun_behind_rain_cloud:"🌦",sun_behind_small_cloud:"🌤",sun_with_face:"🌞",sunflower:"🌻",sunglasses:"😎",sunny:"☀️",sunrise:"🌅",sunrise_over_mountains:"🌄",surfing_man:"🏄",surfing_woman:"🏄♀️",sushi:"🍣",suspension_railway:"🚟",sweat:"😓",sweat_drops:"💦",sweat_smile:"😅",sweet_potato:"🍠",swimming_man:"🏊",swimming_woman:"🏊♀️",symbols:"🔣",synagogue:"🕍",syringe:"💉",taco:"🌮",tada:"🎉",tanabata_tree:"🎋",taurus:"♉️",taxi:"🚕",tea:"🍵",telephone_receiver:"📞",telescope:"🔭",tennis:"🎾",tent:"⛺️",thermometer:"🌡",thinking:"🤔",thought_balloon:"💭",ticket:"🎫",tickets:"🎟",tiger:"🐯",tiger2:"🐅",timer_clock:"⏲",tipping_hand_man:"💁♂️",tired_face:"😫",tm:"™️",toilet:"🚽",tokyo_tower:"🗼",tomato:"🍅",tongue:"👅",top:"🔝",tophat:"🎩",tornado:"🌪",trackball:"🖲",tractor:"🚜",traffic_light:"🚥",train:"🚋",train2:"🚆",tram:"🚊",triangular_flag_on_post:"🚩",triangular_ruler:"📐",trident:"🔱",triumph:"😤",trolleybus:"🚎",trophy:"🏆",tropical_drink:"🍹",tropical_fish:"🐠",truck:"🚚",trumpet:"🎺",tulip:"🌷",tumbler_glass:"🥃",turkey:"🦃",turtle:"🐢",tv:"📺",twisted_rightwards_arrows:"🔀",two_hearts:"💕",two_men_holding_hands:"👬",two_women_holding_hands:"👭",u5272:"🈹",u5408:"🈴",u55b6:"🈺",u6307:"🈯️",u6708:"🈷️",u6709:"🈶",u6e80:"🈵",u7121:"🈚️",u7533:"🈸",u7981:"🈲",u7a7a:"🈳",umbrella:"☔️",unamused:"😒",underage:"🔞",unicorn:"🦄",unlock:"🔓",up:"🆙",upside_down_face:"🙃",v:"✌️",vertical_traffic_light:"🚦",vhs:"📼",vibration_mode:"📳",video_camera:"📹",video_game:"🎮",violin:"🎻",virgo:"♍️",volcano:"🌋",volleyball:"🏐",vs:"🆚",vulcan_salute:"🖖",walking_man:"🚶",walking_woman:"🚶♀️",waning_crescent_moon:"🌘",waning_gibbous_moon:"🌖",warning:"⚠️",wastebasket:"🗑",watch:"⌚️",water_buffalo:"🐃",watermelon:"🍉",wave:"👋",wavy_dash:"〰️",waxing_crescent_moon:"🌒",wc:"🚾",weary:"😩",wedding:"💒",weight_lifting_man:"🏋️",weight_lifting_woman:"🏋️♀️",whale:"🐳",whale2:"🐋",wheel_of_dharma:"☸️",wheelchair:"♿️",white_check_mark:"✅",white_circle:"⚪️",white_flag:"🏳️",white_flower:"💮",white_large_square:"⬜️",white_medium_small_square:"◽️",white_medium_square:"◻️",white_small_square:"▫️",white_square_button:"🔳",wilted_flower:"🥀",wind_chime:"🎐",wind_face:"🌬",wine_glass:"🍷",wink:"😉",wolf:"🐺",woman:"👩",woman_artist:"👩🎨",woman_astronaut:"👩🚀",woman_cartwheeling:"🤸♀️",woman_cook:"👩🍳",woman_facepalming:"🤦♀️",woman_factory_worker:"👩🏭",woman_farmer:"👩🌾",woman_firefighter:"👩🚒",woman_health_worker:"👩⚕️",woman_judge:"👩⚖️",woman_juggling:"🤹♀️",woman_mechanic:"👩🔧",woman_office_worker:"👩💼",woman_pilot:"👩✈️",woman_playing_handball:"🤾♀️",woman_playing_water_polo:"🤽♀️",woman_scientist:"👩🔬",woman_shrugging:"🤷♀️",woman_singer:"👩🎤",woman_student:"👩🎓",woman_teacher:"👩🏫",woman_technologist:"👩💻",woman_with_turban:"👳♀️",womans_clothes:"👚",womans_hat:"👒",women_wrestling:"🤼♀️",womens:"🚺",world_map:"🗺",worried:"😟",wrench:"🔧",writing_hand:"✍️",x:"❌",yellow_heart:"💛",yen:"💴",yin_yang:"☯️",yum:"😋",zap:"⚡️",zipper_mouth_face:"🤐",zzz:"💤",octocat:' ',showdown:"S"},a.Converter=function(e){"use strict";var t={},n=[],o=[],r={},i=l,d={parsed:{},raw:"",format:""};function b(e,t){if(t=t||null,a.helper.isString(e)){if(t=e=a.helper.stdExtName(e),a.extensions[e])return console.warn("DEPRECATION WARNING: "+e+" is an old extension that uses a deprecated loading method.Please inform the developer that the extension should be updated!"),void function(e,t){"function"==typeof e&&(e=e(new a.Converter));a.helper.isArray(e)||(e=[e]);var r=p(e,t);if(!r.valid)throw Error(r.error);for(var i=0;i
[ \t]+,">¨NBSP;<"),!t){if(!window||!window.document)throw new Error("HTMLParser is undefined. If in a webworker or nodejs environment, you need to provide a WHATWG DOM and HTML such as JSDOM");t=window.document}var n=t.createElement("div");n.innerHTML=e;var o={preList:function(e){for(var t=e.querySelectorAll("pre"),n=[],o=0;o '}else n.push(t[o].innerHTML),t[o].innerHTML="",t[o].setAttribute("prenum",o.toString());return n}(n)};!function e(t){for(var n=0;n ? ?(['"].*['"])?\)$/m)>-1)i="";else if(!i){if(r||(r=o.toLowerCase().replace(/ ?\n/g," ")),i="#"+r,a.helper.isUndefined(n.gUrls[r]))return e;i=n.gUrls[r],a.helper.isUndefined(n.gTitles[r])||(l=n.gTitles[r])}var u='"+o+""};return e=(e=(e=(e=(e=n.converter._dispatch("anchors.before",e,t,n)).replace(/\[((?:\[[^\]]*]|[^\[\]])*)] ?(?:\n *)?\[(.*?)]()()()()/g,o)).replace(/\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?<([^>]*)>(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,o)).replace(/\[((?:\[[^\]]*]|[^\[\]])*)]()[ \t]*\([ \t]?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?:[ \t]*((["'])([^"]*?)\5))?[ \t]?\)/g,o)).replace(/\[([^\[\]]+)]()()()()()/g,o),t.ghMentions&&(e=e.replace(/(^|\s)(\\)?(@([a-z\d]+(?:[a-z\d.-]+?[a-z\d]+)*))/gim,(function(e,n,o,r,i){if("\\"===o)return n+r;if(!a.helper.isString(t.ghMentionsLink))throw new Error("ghMentionsLink option must be a string");var s=t.ghMentionsLink.replace(/\{u}/g,i),c="";return t.openLinksInNewWindow&&(c=' rel="noopener noreferrer" target="¨E95Eblank"'),n+'"+r+""}))),e=n.converter._dispatch("anchors.after",e,t,n)}));var m=/([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+?\.[^'">\s]+?)()(\1)?(?=\s|$)(?!["<>])/gi,M=/([*~_]+|\b)(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+?)([.!?,()\[\]])?(\1)?(?=\s|$)(?!["<>])/gi,f=/()<(((https?|ftp|dict):\/\/|www\.)[^'">\s]+)()>()/gi,h=/(^|\s)(?:mailto:)?([A-Za-z0-9!#$%&'*+-/=?^_`{|}~.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?=$|\s)/gim,g=/<()(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi,z=function(e){"use strict";return function(t,n,o,r,i,s,c){var l=o=o.replace(a.helper.regexes.asteriskDashAndColon,a.helper.escapeCharactersCallback),u="",p="",d=n||"",b=c||"";return/^www\./i.test(o)&&(o=o.replace(/^www\./i,"http://www.")),e.excludeTrailingPunctuationFromURLs&&s&&(u=s),e.openLinksInNewWindow&&(p=' rel="noopener noreferrer" target="¨E95Eblank"'),d+'"+l+""+u+b}},O=function(e,t){"use strict";return function(n,o,r){var i="mailto:";return o=o||"",r=a.subParser("unescapeSpecialChars")(r,e,t),e.encodeEmails?(i=a.helper.encodeEmailAddress(i+r),r=a.helper.encodeEmailAddress(r)):i+=r,o+''+r+""}};a.subParser("autoLinks",(function(e,t,n){"use strict";return e=(e=(e=n.converter._dispatch("autoLinks.before",e,t,n)).replace(f,z(t))).replace(g,O(t,n)),e=n.converter._dispatch("autoLinks.after",e,t,n)})),a.subParser("simplifiedAutoLinks",(function(e,t,n){"use strict";return t.simplifiedAutoLink?(e=n.converter._dispatch("simplifiedAutoLinks.before",e,t,n),e=(e=t.excludeTrailingPunctuationFromURLs?e.replace(M,z(t)):e.replace(m,z(t))).replace(h,O(t,n)),e=n.converter._dispatch("simplifiedAutoLinks.after",e,t,n)):e})),a.subParser("blockGamut",(function(e,t,n){"use strict";return e=n.converter._dispatch("blockGamut.before",e,t,n),e=a.subParser("blockQuotes")(e,t,n),e=a.subParser("headers")(e,t,n),e=a.subParser("horizontalRule")(e,t,n),e=a.subParser("lists")(e,t,n),e=a.subParser("codeBlocks")(e,t,n),e=a.subParser("tables")(e,t,n),e=a.subParser("hashHTMLBlocks")(e,t,n),e=a.subParser("paragraphs")(e,t,n),e=n.converter._dispatch("blockGamut.after",e,t,n)})),a.subParser("blockQuotes",(function(e,t,n){"use strict";e=n.converter._dispatch("blockQuotes.before",e,t,n),e+="\n\n";var o=/(^ {0,3}>[ \t]?.+\n(.+\n)*\n*)+/gm;return t.splitAdjacentBlockquotes&&(o=/^ {0,3}>[\s\S]*?(?:\n\n)/gm),e=e.replace(o,(function(e){return e=(e=(e=e.replace(/^[ \t]*>[ \t]?/gm,"")).replace(/¨0/g,"")).replace(/^[ \t]+$/gm,""),e=a.subParser("githubCodeBlocks")(e,t,n),e=(e=(e=a.subParser("blockGamut")(e,t,n)).replace(/(^|\n)/g,"$1 ")).replace(/(\s* [^\r]+?<\/pre>)/gm,(function(e,t){var n=t;return n=(n=n.replace(/^ /gm,"¨0")).replace(/¨0/g,"")})),a.subParser("hashBlock")("","gim"),e=n.converter._dispatch("hashPreCodeTags.after",e,t,n)})),a.subParser("headers",(function(e,t,n){"use strict";e=n.converter._dispatch("headers.before",e,t,n);var o=isNaN(parseInt(t.headerLevelStart))?1:parseInt(t.headerLevelStart),r=t.smoothLivePreview?/^(.+)[ \t]*\n={2,}[ \t]*\n+/gm:/^(.+)[ \t]*\n=+[ \t]*\n+/gm,i=t.smoothLivePreview?/^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm:/^(.+)[ \t]*\n-+[ \t]*\n+/gm;e=(e=e.replace(r,(function(e,r){var i=a.subParser("spanGamut")(r,t,n),s=t.noHeaderId?"":' id="'+c(r)+'"',l="\n"+e+"\n",t,n)})),e=n.converter._dispatch("blockQuotes.after",e,t,n)})),a.subParser("codeBlocks",(function(e,t,n){"use strict";e=n.converter._dispatch("codeBlocks.before",e,t,n);return e=(e=(e+="¨0").replace(/(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=¨0))/g,(function(e,o,r){var i=o,s=r,c="\n";return i=a.subParser("outdent")(i,t,n),i=a.subParser("encodeCode")(i,t,n),i=(i=(i=a.subParser("detab")(i,t,n)).replace(/^\n+/g,"")).replace(/\n+$/g,""),t.omitExtraWLInCodeBlocks&&(c=""),i="",a.subParser("hashBlock")(i,t,n)+s}))).replace(/¨0/,""),e=n.converter._dispatch("codeBlocks.after",e,t,n)})),a.subParser("codeSpans",(function(e,t,n){"use strict";return void 0===(e=n.converter._dispatch("codeSpans.before",e,t,n))&&(e=""),e=e.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,(function(e,o,r,i){var s=i;return s=(s=s.replace(/^([ \t]*)/g,"")).replace(/[ \t]*$/g,""),s=o+""+i+c+""+(s=a.subParser("encodeCode")(s,t,n))+"",s=a.subParser("hashHTMLSpans")(s,t,n)})),e=n.converter._dispatch("codeSpans.after",e,t,n)})),a.subParser("completeHTMLDocument",(function(e,t,n){"use strict";if(!t.completeHTMLDocument)return e;e=n.converter._dispatch("completeHTMLDocument.before",e,t,n);var o="html",r="\n",a="",i='\n',s="",c="";for(var l in void 0!==n.metadata.parsed.doctype&&(r="\n","html"!==(o=n.metadata.parsed.doctype.toString().toLowerCase())&&"html5"!==o||(i='')),n.metadata.parsed)if(n.metadata.parsed.hasOwnProperty(l))switch(l.toLowerCase()){case"doctype":break;case"title":a=""+n.metadata.parsed.title+" \n";break;case"charset":i="html"===o||"html5"===o?'\n':'\n';break;case"language":case"lang":s=' lang="'+n.metadata.parsed[l]+'"',c+='\n';break;default:c+='\n'}return e=r+"\n\n"+a+i+c+"\n\n"+e.trim()+"\n\n",e=n.converter._dispatch("completeHTMLDocument.after",e,t,n)})),a.subParser("detab",(function(e,t,n){"use strict";return e=(e=(e=(e=(e=(e=n.converter._dispatch("detab.before",e,t,n)).replace(/\t(?=\t)/g," ")).replace(/\t/g,"¨A¨B")).replace(/¨B(.+?)¨A/g,(function(e,t){for(var n=t,o=4-n.length%4,r=0;r/g,">"),e=n.converter._dispatch("encodeAmpsAndAngles.after",e,t,n)})),a.subParser("encodeBackslashEscapes",(function(e,t,n){"use strict";return e=(e=(e=n.converter._dispatch("encodeBackslashEscapes.before",e,t,n)).replace(/\\(\\)/g,a.helper.escapeCharactersCallback)).replace(/\\([`*_{}\[\]()>#+.!~=|-])/g,a.helper.escapeCharactersCallback),e=n.converter._dispatch("encodeBackslashEscapes.after",e,t,n)})),a.subParser("encodeCode",(function(e,t,n){"use strict";return e=(e=n.converter._dispatch("encodeCode.before",e,t,n)).replace(/&/g,"&").replace(//g,">").replace(/([*_{}\[\]\\=~-])/g,a.helper.escapeCharactersCallback),e=n.converter._dispatch("encodeCode.after",e,t,n)})),a.subParser("escapeSpecialCharsWithinTagAttributes",(function(e,t,n){"use strict";return e=(e=(e=n.converter._dispatch("escapeSpecialCharsWithinTagAttributes.before",e,t,n)).replace(/<\/?[a-z\d_:-]+(?:[\s]+[\s\S]+?)?>/gi,(function(e){return e.replace(/(.)<\/?code>(?=.)/g,"$1`").replace(/([\\`*_~=|])/g,a.helper.escapeCharactersCallback)}))).replace(/-]|-[^>])(?:[^-]|-[^-])*)--)>/gi,(function(e){return e.replace(/([\\`*_~=|])/g,a.helper.escapeCharactersCallback)})),e=n.converter._dispatch("escapeSpecialCharsWithinTagAttributes.after",e,t,n)})),a.subParser("githubCodeBlocks",(function(e,t,n){"use strict";return t.ghCodeBlocks?(e=n.converter._dispatch("githubCodeBlocks.before",e,t,n),e=(e=(e+="¨0").replace(/(?:^|\n)(?: {0,3})(```+|~~~+)(?: *)([^\s`~]*)\n([\s\S]*?)\n(?: {0,3})\1/g,(function(e,o,r,i){var s=t.omitExtraWLInCodeBlocks?"":"\n";return i=a.subParser("encodeCode")(i,t,n),i=" ",i=a.subParser("hashBlock")(i,t,n),"\n\n¨G"+(n.ghCodeBlocks.push({text:e,codeblock:i})-1)+"G\n\n"}))).replace(/¨0/,""),n.converter._dispatch("githubCodeBlocks.after",e,t,n)):e})),a.subParser("hashBlock",(function(e,t,n){"use strict";return e=(e=n.converter._dispatch("hashBlock.before",e,t,n)).replace(/(^\n+|\n+$)/g,""),e="\n\n¨K"+(n.gHtmlBlocks.push(e)-1)+"K\n\n",e=n.converter._dispatch("hashBlock.after",e,t,n)})),a.subParser("hashCodeTags",(function(e,t,n){"use strict";e=n.converter._dispatch("hashCodeTags.before",e,t,n);return e=a.helper.replaceRecursiveRegExp(e,(function(e,o,r,i){var s=r+a.subParser("encodeCode")(o,t,n)+i;return"¨C"+(n.gHtmlSpans.push(s)-1)+"C"}),""+(i=(i=(i=a.subParser("detab")(i,t,n)).replace(/^\n+/g,"")).replace(/\n+$/g,""))+s+"]*>","","gim"),e=n.converter._dispatch("hashCodeTags.after",e,t,n)})),a.subParser("hashElement",(function(e,t,n){"use strict";return function(e,t){var o=t;return o=(o=(o=o.replace(/\n\n/g,"\n")).replace(/^\n/,"")).replace(/\n+$/g,""),o="\n\n¨K"+(n.gHtmlBlocks.push(o)-1)+"K\n\n"}})),a.subParser("hashHTMLBlocks",(function(e,t,n){"use strict";e=n.converter._dispatch("hashHTMLBlocks.before",e,t,n);var o=["pre","div","h1","h2","h3","h4","h5","h6","blockquote","table","dl","ol","ul","script","noscript","form","fieldset","iframe","math","style","section","header","footer","nav","article","aside","address","audio","canvas","figure","hgroup","output","video","p"],r=function(e,t,o,r){var a=e;return-1!==o.search(/\bmarkdown\b/)&&(a=o+n.converter.makeHtml(t)+r),"\n\n¨K"+(n.gHtmlBlocks.push(a)-1)+"K\n\n"};t.backslashEscapesHTMLTags&&(e=e.replace(/\\<(\/?[^>]+?)>/g,(function(e,t){return"<"+t+">"})));for(var i=0;i]*>)","im"),l="<"+o[i]+"\\b[^>]*>",u=""+o[i]+">";-1!==(s=a.helper.regexIndexOf(e,c));){var p=a.helper.splitAtIndex(e,s),d=a.helper.replaceRecursiveRegExp(p[1],r,l,u,"im");if(d===p[1])break;e=p[0].concat(d)}return e=e.replace(/(\n {0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,a.subParser("hashElement")(e,t,n)),e=(e=a.helper.replaceRecursiveRegExp(e,(function(e){return"\n\n¨K"+(n.gHtmlBlocks.push(e)-1)+"K\n\n"}),"^ {0,3}\x3c!--","--\x3e","gm")).replace(/(?:\n\n)( {0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,a.subParser("hashElement")(e,t,n)),e=n.converter._dispatch("hashHTMLBlocks.after",e,t,n)})),a.subParser("hashHTMLSpans",(function(e,t,n){"use strict";function o(e){return"¨C"+(n.gHtmlSpans.push(e)-1)+"C"}return e=(e=(e=(e=(e=n.converter._dispatch("hashHTMLSpans.before",e,t,n)).replace(/<[^>]+?\/>/gi,(function(e){return o(e)}))).replace(/<([^>]+?)>[\s\S]*?<\/\1>/g,(function(e){return o(e)}))).replace(/<([^>]+?)\s[^>]+?>[\s\S]*?<\/\1>/g,(function(e){return o(e)}))).replace(/<[^>]+?>/gi,(function(e){return o(e)})),e=n.converter._dispatch("hashHTMLSpans.after",e,t,n)})),a.subParser("unhashHTMLSpans",(function(e,t,n){"use strict";e=n.converter._dispatch("unhashHTMLSpans.before",e,t,n);for(var o=0;o ]*>\\s* ]*>","^ {0,3}\\s*"+i+" ";return a.subParser("hashBlock")(l,t,n)}))).replace(i,(function(e,r){var i=a.subParser("spanGamut")(r,t,n),s=t.noHeaderId?"":' id="'+c(r)+'"',l=o+1,u=""+i+" ";return a.subParser("hashBlock")(u,t,n)}));var s=t.requireSpaceBeforeHeadingText?/^(#{1,6})[ \t]+(.+?)[ \t]*#*\n+/gm:/^(#{1,6})[ \t]*(.+?)[ \t]*#*\n+/gm;function c(e){var o,r;if(t.customizedHeaderId){var i=e.match(/\{([^{]+?)}\s*$/);i&&i[1]&&(e=i[1])}return o=e,r=a.helper.isString(t.prefixHeaderId)?t.prefixHeaderId:!0===t.prefixHeaderId?"section-":"",t.rawPrefixHeaderId||(o=r+o),o=t.ghCompatibleHeaderId?o.replace(/ /g,"-").replace(/&/g,"").replace(/¨T/g,"").replace(/¨D/g,"").replace(/[&+$,\/:;=?@"#{}|^¨~\[\]`\\*)(%.!'<>]/g,"").toLowerCase():t.rawHeaderId?o.replace(/ /g,"-").replace(/&/g,"&").replace(/¨T/g,"¨").replace(/¨D/g,"$").replace(/["']/g,"-").toLowerCase():o.replace(/[^\w]/g,"").toLowerCase(),t.rawPrefixHeaderId&&(o=r+o),n.hashLinkCounts[o]?o=o+"-"+n.hashLinkCounts[o]++:n.hashLinkCounts[o]=1,o}return e=e.replace(s,(function(e,r,i){var s=i;t.customizedHeaderId&&(s=i.replace(/\s?\{([^{]+?)}\s*$/,""));var l=a.subParser("spanGamut")(s,t,n),u=t.noHeaderId?"":' id="'+c(i)+'"',p=o-1+r.length,d=""+l+" ";return a.subParser("hashBlock")(d,t,n)})),e=n.converter._dispatch("headers.after",e,t,n)})),a.subParser("horizontalRule",(function(e,t,n){"use strict";e=n.converter._dispatch("horizontalRule.before",e,t,n);var o=a.subParser("hashBlock")("
",t,n);return e=(e=(e=e.replace(/^ {0,2}( ?-){3,}[ \t]*$/gm,o)).replace(/^ {0,2}( ?\*){3,}[ \t]*$/gm,o)).replace(/^ {0,2}( ?_){3,}[ \t]*$/gm,o),e=n.converter._dispatch("horizontalRule.after",e,t,n)})),a.subParser("images",(function(e,t,n){"use strict";function o(e,t,o,r,i,s,c,l){var u=n.gUrls,p=n.gTitles,d=n.gDimensions;if(o=o.toLowerCase(),l||(l=""),e.search(/\(\s*>? ?(['"].*['"])?\)$/m)>-1)r="";else if(""===r||null===r){if(""!==o&&null!==o||(o=t.toLowerCase().replace(/ ?\n/g," ")),r="#"+o,a.helper.isUndefined(u[o]))return e;r=u[o],a.helper.isUndefined(p[o])||(l=p[o]),a.helper.isUndefined(d[o])||(i=d[o].width,s=d[o].height)}t=t.replace(/"/g,""").replace(a.helper.regexes.asteriskDashAndColon,a.helper.escapeCharactersCallback);var b='"}return e=(e=(e=(e=(e=(e=n.converter._dispatch("images.before",e,t,n)).replace(/!\[([^\]]*?)] ?(?:\n *)?\[([\s\S]*?)]()()()()()/g,o)).replace(/!\[([^\]]*?)][ \t]*()\([ \t]?(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g,(function(e,t,n,r,a,i,s,c){return o(e,t,n,r=r.replace(/\s/g,""),a,i,s,c)}))).replace(/!\[([^\]]*?)][ \t]*()\([ \t]?<([^>]*)>(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(?:(["'])([^"]*?)\6))?[ \t]?\)/g,o)).replace(/!\[([^\]]*?)][ \t]*()\([ \t]?([\S]+?(?:\([\S]*?\)[\S]*?)?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(["'])([^"]*?)\6)?[ \t]?\)/g,o)).replace(/!\[([^\[\]]+)]()()()()()/g,o),e=n.converter._dispatch("images.after",e,t,n)})),a.subParser("italicsAndBold",(function(e,t,n){"use strict";function o(e,t,n){return t+e+n}return e=n.converter._dispatch("italicsAndBold.before",e,t,n),e=t.literalMidWordUnderscores?(e=(e=e.replace(/\b___(\S[\s\S]*?)___\b/g,(function(e,t){return o(t,"","")}))).replace(/\b__(\S[\s\S]*?)__\b/g,(function(e,t){return o(t,"","")}))).replace(/\b_(\S[\s\S]*?)_\b/g,(function(e,t){return o(t,"","")})):(e=(e=e.replace(/___(\S[\s\S]*?)___/g,(function(e,t){return/\S$/.test(t)?o(t,"",""):e}))).replace(/__(\S[\s\S]*?)__/g,(function(e,t){return/\S$/.test(t)?o(t,"",""):e}))).replace(/_([^\s_][\s\S]*?)_/g,(function(e,t){return/\S$/.test(t)?o(t,"",""):e})),e=t.literalMidWordAsterisks?(e=(e=e.replace(/([^*]|^)\B\*\*\*(\S[\s\S]*?)\*\*\*\B(?!\*)/g,(function(e,t,n){return o(n,t+"","")}))).replace(/([^*]|^)\B\*\*(\S[\s\S]*?)\*\*\B(?!\*)/g,(function(e,t,n){return o(n,t+"","")}))).replace(/([^*]|^)\B\*(\S[\s\S]*?)\*\B(?!\*)/g,(function(e,t,n){return o(n,t+"","")})):(e=(e=e.replace(/\*\*\*(\S[\s\S]*?)\*\*\*/g,(function(e,t){return/\S$/.test(t)?o(t,"",""):e}))).replace(/\*\*(\S[\s\S]*?)\*\*/g,(function(e,t){return/\S$/.test(t)?o(t,"",""):e}))).replace(/\*([^\s*][\s\S]*?)\*/g,(function(e,t){return/\S$/.test(t)?o(t,"",""):e})),e=n.converter._dispatch("italicsAndBold.after",e,t,n)})),a.subParser("lists",(function(e,t,n){"use strict";function o(e,o){n.gListLevel++,e=e.replace(/\n{2,}$/,"\n");var r=/(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0| {0,3}([*+-]|\d+[.])[ \t]+))/gm,i=/\n[ \t]*\n(?!¨0)/.test(e+="¨0");return t.disableForced4SpacesIndentedSublists&&(r=/(\n)?(^ {0,3})([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(¨0|\2([*+-]|\d+[.])[ \t]+))/gm),e=(e=e.replace(r,(function(e,o,r,s,c,l,u){u=u&&""!==u.trim();var p=a.subParser("outdent")(c,t,n),d="";return l&&t.tasklists&&(d=' class="task-list-item" style="list-style-type: none;"',p=p.replace(/^[ \t]*\[(x|X| )?]/m,(function(){var e='"}))),p=p.replace(/^([-*+]|\d\.)[ \t]+[\S\n ]*/g,(function(e){return"¨A"+e})),o||p.search(/\n{2,}/)>-1?(p=a.subParser("githubCodeBlocks")(p,t,n),p=a.subParser("blockGamut")(p,t,n)):(p=(p=a.subParser("lists")(p,t,n)).replace(/\n$/,""),p=(p=a.subParser("hashHTMLBlocks")(p,t,n)).replace(/\n\n+/g,"\n\n"),p=i?a.subParser("paragraphs")(p,t,n):a.subParser("spanGamut")(p,t,n)),p="
"+(p=p.replace("¨A",""))+" \n"}))).replace(/¨0/g,""),n.gListLevel--,o&&(e=e.replace(/\s+$/,"")),e}function r(e,t){if("ol"===t){var n=e.match(/^ *(\d+)\./);if(n&&"1"!==n[1])return' start="'+n[1]+'"'}return""}function i(e,n,a){var i=t.disableForced4SpacesIndentedSublists?/^ ?\d+\.[ \t]/gm:/^ {0,3}\d+\.[ \t]/gm,s=t.disableForced4SpacesIndentedSublists?/^ ?[*+-][ \t]/gm:/^ {0,3}[*+-][ \t]/gm,c="ul"===n?i:s,l="";if(-1!==e.search(c))!function t(u){var p=u.search(c),d=r(e,n);-1!==p?(l+="\n\n<"+n+d+">\n"+o(u.slice(0,p),!!a)+""+n+">\n",c="ul"===(n="ul"===n?"ol":"ul")?i:s,t(u.slice(p))):l+="\n\n<"+n+d+">\n"+o(u,!!a)+""+n+">\n"}(e);else{var u=r(e,n);l="\n\n<"+n+u+">\n"+o(e,!!a)+""+n+">\n"}return l}return e=n.converter._dispatch("lists.before",e,t,n),e+="¨0",e=(e=n.gListLevel?e.replace(/^(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,(function(e,t,n){return i(t,n.search(/[*+-]/g)>-1?"ul":"ol",!0)})):e.replace(/(\n\n|^\n?)(( {0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(¨0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm,(function(e,t,n,o){return i(n,o.search(/[*+-]/g)>-1?"ul":"ol",!1)}))).replace(/¨0/,""),e=n.converter._dispatch("lists.after",e,t,n)})),a.subParser("metadata",(function(e,t,n){"use strict";if(!t.metadata)return e;function o(e){n.metadata.raw=e,(e=(e=e.replace(/&/g,"&").replace(/"/g,""")).replace(/\n {4}/g," ")).replace(/^([\S ]+): +([\s\S]+?)$/gm,(function(e,t,o){return n.metadata.parsed[t]=o,""}))}return e=(e=(e=(e=n.converter._dispatch("metadata.before",e,t,n)).replace(/^\s*«««+(\S*?)\n([\s\S]+?)\n»»»+\n/,(function(e,t,n){return o(n),"¨M"}))).replace(/^\s*---+(\S*?)\n([\s\S]+?)\n---+\n/,(function(e,t,r){return t&&(n.metadata.format=t),o(r),"¨M"}))).replace(/¨M/g,""),e=n.converter._dispatch("metadata.after",e,t,n)})),a.subParser("outdent",(function(e,t,n){"use strict";return e=(e=(e=n.converter._dispatch("outdent.before",e,t,n)).replace(/^(\t|[ ]{1,4})/gm,"¨0")).replace(/¨0/g,""),e=n.converter._dispatch("outdent.after",e,t,n)})),a.subParser("paragraphs",(function(e,t,n){"use strict";for(var o=(e=(e=(e=n.converter._dispatch("paragraphs.before",e,t,n)).replace(/^\n+/g,"")).replace(/\n+$/g,"")).split(/\n{2,}/g),r=[],i=o.length,s=0;s=0?r.push(c):c.search(/\S/)>=0&&(c=(c=a.subParser("spanGamut")(c,t,n)).replace(/^([ \t]*)/g,""),c+="
",r.push(c))}for(i=r.length,s=0;s]*>\s*]*>/.test(u)&&(p=!0)}r[s]=u}return e=(e=(e=r.join("\n")).replace(/^\n+/g,"")).replace(/\n+$/g,""),n.converter._dispatch("paragraphs.after",e,t,n)})),a.subParser("runExtension",(function(e,t,n,o){"use strict";if(e.filter)t=e.filter(t,o.converter,n);else if(e.regex){var r=e.regex;r instanceof RegExp||(r=new RegExp(r,"g")),t=t.replace(r,e.replace)}return t})),a.subParser("spanGamut",(function(e,t,n){"use strict";return e=n.converter._dispatch("spanGamut.before",e,t,n),e=a.subParser("codeSpans")(e,t,n),e=a.subParser("escapeSpecialCharsWithinTagAttributes")(e,t,n),e=a.subParser("encodeBackslashEscapes")(e,t,n),e=a.subParser("images")(e,t,n),e=a.subParser("anchors")(e,t,n),e=a.subParser("autoLinks")(e,t,n),e=a.subParser("simplifiedAutoLinks")(e,t,n),e=a.subParser("emoji")(e,t,n),e=a.subParser("underline")(e,t,n),e=a.subParser("italicsAndBold")(e,t,n),e=a.subParser("strikethrough")(e,t,n),e=a.subParser("ellipsis")(e,t,n),e=a.subParser("hashHTMLSpans")(e,t,n),e=a.subParser("encodeAmpsAndAngles")(e,t,n),t.simpleLineBreaks?/\n\n¨K/.test(e)||(e=e.replace(/\n+/g,"
\n")):e=e.replace(/ +\n/g,"
\n"),e=n.converter._dispatch("spanGamut.after",e,t,n)})),a.subParser("strikethrough",(function(e,t,n){"use strict";return t.strikethrough&&(e=(e=n.converter._dispatch("strikethrough.before",e,t,n)).replace(/(?:~){2}([\s\S]+?)(?:~){2}/g,(function(e,o){return function(e){return t.simplifiedAutoLink&&(e=a.subParser("simplifiedAutoLinks")(e,t,n)),""+e+""}(o)})),e=n.converter._dispatch("strikethrough.after",e,t,n)),e})),a.subParser("stripLinkDefinitions",(function(e,t,n){"use strict";var o=function(e,o,r,i,s,c,l){return o=o.toLowerCase(),r.match(/^data:.+?\/.+?;base64,/)?n.gUrls[o]=r.replace(/\s/g,""):n.gUrls[o]=a.subParser("encodeAmpsAndAngles")(r,t,n),c?c+l:(l&&(n.gTitles[o]=l.replace(/"|'/g,""")),t.parseImgDimensions&&i&&s&&(n.gDimensions[o]={width:i,height:s}),"")};return e=(e=(e=(e+="¨0").replace(/^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*(data:.+?\/.+?;base64,[A-Za-z0-9+/=\n]+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n\n|(?=¨0)|(?=\n\[))/gm,o)).replace(/^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*([^>\s]+)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=¨0))/gm,o)).replace(/¨0/,"")})),a.subParser("tables",(function(e,t,n){"use strict";if(!t.tables)return e;function o(e,o){return""+a.subParser("spanGamut")(e,t,n)+" \n"}function r(e){var r,i=e.split("\n");for(r=0;r"+(c=a.subParser("spanGamut")(c,t,n))+"\n"));for(r=0;r \n\n\n",r=0;r \n";for(var a=0;a \n\n"}(m,f)}return e=(e=(e=(e=n.converter._dispatch("tables.before",e,t,n)).replace(/\\(\|)/g,a.helper.escapeCharactersCallback)).replace(/^ {0,3}\|?.+\|.+\n {0,3}\|?[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:[-=]){2,}[\s\S]+?(?:\n\n|¨0)/gm,r)).replace(/^ {0,3}\|.+\|[ \t]*\n {0,3}\|[ \t]*:?[ \t]*(?:[-=]){2,}[ \t]*:?[ \t]*\|[ \t]*\n( {0,3}\|.+\|[ \t]*\n)*(?:\n|¨0)/gm,r),e=n.converter._dispatch("tables.after",e,t,n)})),a.subParser("underline",(function(e,t,n){"use strict";return t.underline?(e=n.converter._dispatch("underline.before",e,t,n),e=(e=t.literalMidWordUnderscores?(e=e.replace(/\b___(\S[\s\S]*?)___\b/g,(function(e,t){return""+t+""}))).replace(/\b__(\S[\s\S]*?)__\b/g,(function(e,t){return""+t+""})):(e=e.replace(/___(\S[\s\S]*?)___/g,(function(e,t){return/\S$/.test(t)?""+t+"":e}))).replace(/__(\S[\s\S]*?)__/g,(function(e,t){return/\S$/.test(t)?""+t+"":e}))).replace(/(_)/g,a.helper.escapeCharactersCallback),e=n.converter._dispatch("underline.after",e,t,n)):e})),a.subParser("unescapeSpecialChars",(function(e,t,n){"use strict";return e=(e=n.converter._dispatch("unescapeSpecialChars.before",e,t,n)).replace(/¨E(\d+)E/g,(function(e,t){var n=parseInt(t);return String.fromCharCode(n)})),e=n.converter._dispatch("unescapeSpecialChars.after",e,t,n)})),a.subParser("makeMarkdown.blockquote",(function(e,t){"use strict";var n="";if(e.hasChildNodes())for(var o=e.childNodes,r=o.length,i=0;i\n"}return n+" ")})),a.subParser("makeMarkdown.codeBlock",(function(e,t){"use strict";var n=e.getAttribute("language"),o=e.getAttribute("precodenum");return"```"+n+"\n"+t.preList[o]+"\n```"})),a.subParser("makeMarkdown.codeSpan",(function(e){"use strict";return"`"+e.innerHTML+"`"})),a.subParser("makeMarkdown.emphasis",(function(e,t){"use strict";var n="";if(e.hasChildNodes()){n+="*";for(var o=e.childNodes,r=o.length,i=0;i ",e.hasAttribute("width")&&e.hasAttribute("height")&&(t+=" ="+e.getAttribute("width")+"x"+e.getAttribute("height")),e.hasAttribute("title")&&(t+=' "'+e.getAttribute("title")+'"'),t+=")"),t})),a.subParser("makeMarkdown.links",(function(e,t){"use strict";var n="";if(e.hasChildNodes()&&e.hasAttribute("href")){var o=e.childNodes,r=o.length;n="[";for(var i=0;i ",e.hasAttribute("title")&&(n+=' "'+e.getAttribute("title")+'"'),n+=")"}return n})),a.subParser("makeMarkdown.list",(function(e,t,n){"use strict";var o="";if(!e.hasChildNodes())return"";for(var r=e.childNodes,i=r.length,s=e.getAttribute("start")||1,c=0;c"+t.preList[n]+""})),a.subParser("makeMarkdown.strikethrough",(function(e,t){"use strict";var n="";if(e.hasChildNodes()){n+="~~";for(var o=e.childNodes,r=o.length,i=0;i tr>th"),c=e.querySelectorAll("tbody>tr");for(n=0;n m&&(m=M)}for(n=0;n /g,"\\$1>")).replace(/^#/gm,"\\#")).replace(/^(\s*)([-=]{3,})(\s*)$/,"$1\\$2$3")).replace(/^( {0,3}\d+)\./gm,"$1\\.")).replace(/^( {0,3})([+-])/gm,"$1\\$2")).replace(/]([\s]*)\(/g,"\\]$1\\(")).replace(/^ {0,3}\[([\S \t]*?)]:/gm,"\\[$1]:")}));void 0===(o=function(){"use strict";return a}.call(t,n,t,e))||(e.exports=o)}).call(this)},1736:(e,t,n)=>{e.exports=function(){var e=Math.floor,t=Math.abs,o=Math.pow;return function(){function e(t,n,o){function r(i,s){if(!n[i]){if(!t[i]){if(a)return a(i,!0);var c=new Error("Cannot find module '"+i+"'");throw c.code="MODULE_NOT_FOUND",c}var l=n[i]={exports:{}};t[i][0].call(l.exports,(function(e){return r(t[i][1][e]||e)}),l,l.exports,e,t,n,o)}return n[i].exports}for(var a=void 0,i=0;i >16,c[l++]=255&t>>8,c[l++]=255&t;return 2===s&&(t=u[e.charCodeAt(n)]<<2|u[e.charCodeAt(n+1)]>>4,c[l++]=255&t),1===s&&(t=u[e.charCodeAt(n)]<<10|u[e.charCodeAt(n+1)]<<4|u[e.charCodeAt(n+2)]>>2,c[l++]=255&t>>8,c[l++]=255&t),c}function i(e){return l[63&e>>18]+l[63&e>>12]+l[63&e>>6]+l[63&e]}function s(e,t,n){for(var o,r=[],a=t;a c?c:i+a));return 1===o?(t=e[n-1],r.push(l[t>>2]+l[63&t<<4]+"==")):2===o&&(t=(e[n-2]<<8)+e[n-1],r.push(l[t>>10]+l[63&t>>4]+l[63&t<<2]+"=")),r.join("")}n.byteLength=function(e){var t=o(e),n=t[0],r=t[1];return 3*(n+r)/4-r},n.toByteArray=a,n.fromByteArray=c;for(var l=[],u=[],p="undefined"==typeof Uint8Array?Array:Uint8Array,d="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",b=0,m=d.length;b e)throw new RangeError('The value "'+e+'" is invalid for option "size"')}function l(e,t,n){return c(e),0>=e||void 0===t?a(e):"string"==typeof n?a(e).fill(t,n):a(e).fill(t)}function u(e){return c(e),a(0>e?0:0|M(e))}function p(e,t){if(("string"!=typeof t||""===t)&&(t="utf8"),!i.isEncoding(t))throw new TypeError("Unknown encoding: "+t);var n=0|f(e,t),o=a(n),r=o.write(e,t);return r!==n&&(o=o.slice(0,r)),o}function d(e){for(var t=0>e.length?0:0|M(e.length),n=a(t),o=0;o t||e.byteLength =2147483647)throw new RangeError("Attempt to allocate Buffer larger than maximum size: 0x"+2147483647..toString(16)+" bytes");return 0|e}function f(e,t){if(i.isBuffer(e))return e.length;if(ArrayBuffer.isView(e)||V(e,ArrayBuffer))return e.byteLength;if("string"!=typeof e)throw new TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+typeof e);var n=e.length,o=2 >>1;case"base64":return Y(e).length;default:if(r)return o?-1:H(e).length;t=(""+t).toLowerCase(),r=!0}}function h(e,t,n){var o=!1;if((void 0===t||0>t)&&(t=0),t>this.length)return"";if((void 0===n||n>this.length)&&(n=this.length),0>=n)return"";if((n>>>=0)<=(t>>>=0))return"";for(e||(e="utf8");;)switch(e){case"hex":return C(this,t,n);case"utf8":case"utf-8":return E(this,t,n);case"ascii":return W(this,t,n);case"latin1":case"binary":return L(this,t,n);case"base64":return q(this,t,n);case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return S(this,t,n);default:if(o)throw new TypeError("Unknown encoding: "+e);e=(e+"").toLowerCase(),o=!0}}function g(e,t,n){var o=e[t];e[t]=e[n],e[n]=o}function z(e,t,n,o,r){if(0===e.length)return-1;if("string"==typeof n?(o=n,n=0):2147483647 n&&(n=-2147483648),U(n=+n)&&(n=r?0:e.length-1),0>n&&(n=e.length+n),n>=e.length){if(r)return-1;n=e.length-1}else if(0>n){if(!r)return-1;n=0}if("string"==typeof t&&(t=i.from(t,o)),i.isBuffer(t))return 0===t.length?-1:O(e,t,n,o,r);if("number"==typeof t)return t&=255,"function"==typeof Uint8Array.prototype.indexOf?r?Uint8Array.prototype.indexOf.call(e,t,n):Uint8Array.prototype.lastIndexOf.call(e,t,n):O(e,[t],n,o,r);throw new TypeError("val must be string, number or Buffer")}function O(e,t,n,o,r){function a(e,t){return 1===s?e[t]:e.readUInt16BE(t*s)}var i,s=1,c=e.length,l=t.length;if(void 0!==o&&("ucs2"===(o=(o+"").toLowerCase())||"ucs-2"===o||"utf16le"===o||"utf-16le"===o)){if(2>e.length||2>t.length)return-1;s=2,c/=2,l/=2,n/=2}if(r){var u=-1;for(i=n;i c&&(n=c-l),i=n;0<=i;i--){for(var p=!0,d=0;d r&&(o=r):o=r;var a=t.length;o>a/2&&(o=a/2);for(var i,s=0;s u&&(p=u):2===d?128==(192&(i=e[a+1]))&&127<(l=(31&u)<<6|63&i)&&(p=l):3===d?(i=e[a+1],s=e[a+2],128==(192&i)&&128==(192&s)&&2047<(l=(15&u)<<12|(63&i)<<6|63&s)&&(55296>l||57343 l&&(p=l))),null===p?(p=65533,d=1):65535