JezK
Edit File: style.css
@charset "UTF-8";/* ------------------------------------------- * Autogenerated by ⛋ Terrazzo. DO NOT EDIT! * ------------------------------------------- */:root { /* Extra small radius */ --wpds-border-radius-xs: 1px; /* Small radius */ --wpds-border-radius-sm: 2px; /* Medium radius */ --wpds-border-radius-md: 4px; /* Large radius */ --wpds-border-radius-lg: 8px; /* Extra small width */ --wpds-border-width-xs: 1px; /* Small width */ --wpds-border-width-sm: 2px; /* Medium width */ --wpds-border-width-md: 4px; /* Large width */ --wpds-border-width-lg: 8px; /* Border width for focus ring */ --wpds-border-width-focus: 2px; /* Background color for surfaces with normal emphasis. */ --wpds-color-bg-surface-neutral: #fcfcfc; /* Background color for surfaces with strong emphasis. */ --wpds-color-bg-surface-neutral-strong: #fff; /* Background color for surfaces with weak emphasis. */ --wpds-color-bg-surface-neutral-weak: #f4f4f4; /* Background color for surfaces with brand tone and normal emphasis. */ --wpds-color-bg-surface-brand: #ecf0fa; /* Background color for surfaces with success tone and normal emphasis. */ --wpds-color-bg-surface-success: #c6f7cd; /* Background color for surfaces with success tone and weak emphasis. */ --wpds-color-bg-surface-success-weak: #ebffed; /* Background color for surfaces with info tone and normal emphasis. */ --wpds-color-bg-surface-info: #deebfa; /* Background color for surfaces with info tone and weak emphasis. */ --wpds-color-bg-surface-info-weak: #f3f9ff; /* Background color for surfaces with warning tone and normal emphasis. */ --wpds-color-bg-surface-warning: #fde6be; /* Background color for surfaces with warning tone and weak emphasis. */ --wpds-color-bg-surface-warning-weak: #fff7e1; /* Background color for surfaces with caution tone and normal emphasis. */ --wpds-color-bg-surface-caution: #fee995; /* Background color for surfaces with caution tone and weak emphasis. */ --wpds-color-bg-surface-caution-weak: #fff9ca; /* Background color for surfaces with error tone and normal emphasis. */ --wpds-color-bg-surface-error: #f6e6e3; /* Background color for surfaces with error tone and weak emphasis. */ --wpds-color-bg-surface-error-weak: #fff6f5; /* Background color for interactive elements with neutral tone and strong emphasis. */ --wpds-color-bg-interactive-neutral-strong: #2d2d2d; /* Background color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-neutral-strong-active: #1e1e1e; /* Background color for interactive elements with neutral tone and strong emphasis, in their disabled state. */ --wpds-color-bg-interactive-neutral-strong-disabled: #e6e6e6; /* Background color for interactive elements with neutral tone and weak emphasis. */ --wpds-color-bg-interactive-neutral-weak: #0000; /* Background color for interactive elements with neutral tone and weak emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-neutral-weak-active: #ededed; /* Background color for interactive elements with weak emphasis, in their disabled state, regardless of the tone. */ --wpds-color-bg-interactive-neutral-weak-disabled: #0000; /* Background color for interactive elements with brand tone and strong emphasis. */ --wpds-color-bg-interactive-brand-strong: #3858e9; /* Background color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-brand-strong-active: #2e49d9; /* Background color for interactive elements with brand tone and weak emphasis. */ --wpds-color-bg-interactive-brand-weak: #0000; /* Background color for interactive elements with brand tone and weak emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-brand-weak-active: #e6eaf4; /* Background color for interactive elements with error tone and normal emphasis. */ --wpds-color-bg-interactive-error: #0000; /* Background color for interactive elements with error tone and normal emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-error-active: #fff6f5; /* Background color for interactive elements with error tone and strong emphasis. */ --wpds-color-bg-interactive-error-strong: #cc1818; /* Background color for interactive elements with error tone and strong emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-error-strong-active: #b90000; /* Background color for interactive elements with error tone and weak emphasis. */ --wpds-color-bg-interactive-error-weak: #0000; /* Background color for interactive elements with error tone and weak emphasis that are hovered, focused, or active. */ --wpds-color-bg-interactive-error-weak-active: #f6e6e3; /* Background color for tracks with a neutral tone and weak emphasis (eg. scrollbar track). */ --wpds-color-bg-track-neutral-weak: #e4e4e4; /* Background color for tracks with a neutral tone and normal emphasis (eg. slider or progressbar track). */ --wpds-color-bg-track-neutral: #dbdbdb; /* Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb). */ --wpds-color-bg-thumb-neutral-weak: #8d8d8d; /* Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb) that are hovered, focused, or active. */ --wpds-color-bg-thumb-neutral-weak-active: #6e6e6e; /* Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track). */ --wpds-color-bg-thumb-brand: #3858e9; /* Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track) that are hovered, focused, or active. */ --wpds-color-bg-thumb-brand-active: #3858e9; /* Background color for thumbs with normal emphasis (eg. slider thumb and filled track), in their disabled state, regardless of the tone. */ --wpds-color-bg-thumb-neutral-disabled: #dbdbdb; /* Foreground color for content like text with normal emphasis. */ --wpds-color-fg-content-neutral: #1e1e1e; /* Foreground color for content like text with weak emphasis. */ --wpds-color-fg-content-neutral-weak: #707070; /* Foreground color for content like text with success tone and normal emphasis. */ --wpds-color-fg-content-success: #002900; /* Foreground color for content like text with success tone and weak emphasis. */ --wpds-color-fg-content-success-weak: #008030; /* Foreground color for content like text with info tone and normal emphasis. */ --wpds-color-fg-content-info: #001b4f; /* Foreground color for content like text with info tone and weak emphasis. */ --wpds-color-fg-content-info-weak: #006bd7; /* Foreground color for content like text with warning tone and normal emphasis. */ --wpds-color-fg-content-warning: #2e1900; /* Foreground color for content like text with warning tone and weak emphasis. */ --wpds-color-fg-content-warning-weak: #926300; /* Foreground color for content like text with caution tone and normal emphasis. */ --wpds-color-fg-content-caution: #281d00; /* Foreground color for content like text with caution tone and weak emphasis. */ --wpds-color-fg-content-caution-weak: #826a00; /* Foreground color for content like text with error tone and normal emphasis. */ --wpds-color-fg-content-error: #470000; /* Foreground color for content like text with error tone and weak emphasis. */ --wpds-color-fg-content-error-weak: #cc1818; /* Foreground color for interactive elements with neutral tone and normal emphasis. */ --wpds-color-fg-interactive-neutral: #1e1e1e; /* Foreground color for interactive elements with neutral tone and normal emphasis that are hovered, focused, or active. */ --wpds-color-fg-interactive-neutral-active: #1e1e1e; /* Foreground color for interactive elements with normal emphasis, in their disabled state, regardless of the tone. */ --wpds-color-fg-interactive-neutral-disabled: #8d8d8d; /* Foreground color for interactive elements with neutral tone and strong emphasis. */ --wpds-color-fg-interactive-neutral-strong: #f0f0f0; /* Foreground color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. */ --wpds-color-fg-interactive-neutral-strong-active: #f0f0f0; /* Foreground color for interactive elements with strong emphasis, in their disabled state, regardless of the tone. */ --wpds-color-fg-interactive-neutral-strong-disabled: #8d8d8d; /* Foreground color for interactive elements with neutral tone and weak emphasis. */ --wpds-color-fg-interactive-neutral-weak: #707070; /* Foreground color for interactive elements with weak emphasis, in their disabled state, regardless of the tone. */ --wpds-color-fg-interactive-neutral-weak-disabled: #8d8d8d; /* Foreground color for interactive elements with brand tone and normal emphasis. */ --wpds-color-fg-interactive-brand: #3858e9; /* Foreground color for interactive elements with brand tone and normal emphasis that are hovered, focused, or active. */ --wpds-color-fg-interactive-brand-active: #3858e9; /* Foreground color for interactive elements with brand tone and strong emphasis. */ --wpds-color-fg-interactive-brand-strong: #eff0f2; /* Foreground color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */ --wpds-color-fg-interactive-brand-strong-active: #eff0f2; /* Foreground color for interactive elements with error tone and normal emphasis. */ --wpds-color-fg-interactive-error: #cc1818; /* Foreground color for interactive elements with error tone and normal emphasis that are hovered, focused, or active. */ --wpds-color-fg-interactive-error-active: #cc1818; /* Foreground color for interactive elements with error tone and strong emphasis. */ --wpds-color-fg-interactive-error-strong: #f2efef; /* Foreground color for interactive elements with error tone and strong emphasis that are hovered, focused, or active. */ --wpds-color-fg-interactive-error-strong-active: #f2efef; /* Decorative stroke color used to define neutrally-toned surface boundaries with normal emphasis. */ --wpds-color-stroke-surface-neutral: #dbdbdb; /* Decorative stroke color used to define neutrally-toned surface boundaries with weak emphasis. */ --wpds-color-stroke-surface-neutral-weak: #e4e4e4; /* Decorative stroke color used to define neutrally-toned surface boundaries with strong emphasis. */ --wpds-color-stroke-surface-neutral-strong: #8d8d8d; /* Decorative stroke color used to define brand-toned surface boundaries with normal emphasis. */ --wpds-color-stroke-surface-brand: #a3b1d4; /* Decorative stroke color used to define brand-toned surface boundaries with strong emphasis. */ --wpds-color-stroke-surface-brand-strong: #3858e9; /* Decorative stroke color used to define success-toned surface boundaries with normal emphasis. */ --wpds-color-stroke-surface-success: #8ac894; /* Decorative stroke color used to define success-toned surface boundaries with strong emphasis. */ --wpds-color-stroke-surface-success-strong: #008030; /* Decorative stroke color used to define info-toned surface boundaries with normal emphasis. */ --wpds-color-stroke-surface-info: #9fbcdc; /* Decorative stroke color used to define info-toned surface boundaries with strong emphasis. */ --wpds-color-stroke-surface-info-strong: #006bd7; /* Decorative stroke color used to define warning-toned surface boundaries with normal emphasis. */ --wpds-color-stroke-surface-warning: #d0b481; /* Decorative stroke color used to define warning-toned surface boundaries with strong emphasis. */ --wpds-color-stroke-surface-warning-strong: #926300; /* Decorative stroke color used to define error-toned surface boundaries with normal emphasis. */ --wpds-color-stroke-surface-error: #daa39b; /* Decorative stroke color used to define error-toned surface boundaries with strong emphasis. */ --wpds-color-stroke-surface-error-strong: #cc1818; /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis. */ --wpds-color-stroke-interactive-neutral: #8d8d8d; /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis that are hovered, focused, or active. */ --wpds-color-stroke-interactive-neutral-active: #6e6e6e; /* Accessible stroke color used for interactive elements with normal emphasis, in their disabled state, regardless of the tone. */ --wpds-color-stroke-interactive-neutral-disabled: #dbdbdb; /* Accessible stroke color used for interactive neutrally-toned elements with strong emphasis. */ --wpds-color-stroke-interactive-neutral-strong: #6e6e6e; /* Accessible stroke color used for interactive brand-toned elements with normal emphasis. */ --wpds-color-stroke-interactive-brand: #3858e9; /* Accessible stroke color used for interactive brand-toned elements with normal emphasis that are hovered, focused, or active. */ --wpds-color-stroke-interactive-brand-active: #2337c8; /* Accessible stroke color used for interactive error-toned elements with normal emphasis. */ --wpds-color-stroke-interactive-error: #cc1818; /* Accessible stroke color used for interactive error-toned elements with normal emphasis that are hovered, focused, or active. */ --wpds-color-stroke-interactive-error-active: #9d0000; /* Accessible stroke color used for interactive error-toned elements with strong emphasis. */ --wpds-color-stroke-interactive-error-strong: #cc1818; /* Accessible stroke color applied to focus rings. */ --wpds-color-stroke-focus-brand: #3858e9; /* Cursor style for interactive controls that are not links (e.g. buttons, checkboxes, and toggles). */ --wpds-cursor-control: pointer; /* Base dimension unit */ --wpds-dimension-base: 4px; /* Extra small padding */ --wpds-dimension-padding-xs: 4px; /* Small padding */ --wpds-dimension-padding-sm: 8px; /* Medium padding */ --wpds-dimension-padding-md: 12px; /* Large padding */ --wpds-dimension-padding-lg: 16px; /* Extra large padding */ --wpds-dimension-padding-xl: 20px; /* 2x extra large padding */ --wpds-dimension-padding-2xl: 24px; /* 3x extra large padding */ --wpds-dimension-padding-3xl: 32px; /* Extra small gap */ --wpds-dimension-gap-xs: 4px; /* Small gap */ --wpds-dimension-gap-sm: 8px; /* Medium gap */ --wpds-dimension-gap-md: 12px; /* Large gap */ --wpds-dimension-gap-lg: 16px; /* Extra large gap */ --wpds-dimension-gap-xl: 24px; /* 2x extra large gap */ --wpds-dimension-gap-2xl: 32px; /* 3x extra large gap */ --wpds-dimension-gap-3xl: 40px; /* Extra small surface width */ --wpds-dimension-surface-width-xs: 240px; /* Small surface width */ --wpds-dimension-surface-width-sm: 320px; /* Medium surface width */ --wpds-dimension-surface-width-md: 400px; /* Large surface width */ --wpds-dimension-surface-width-lg: 560px; /* Extra large surface width */ --wpds-dimension-surface-width-xl: 720px; /* 2x extra large surface width */ --wpds-dimension-surface-width-2xl: 960px; /* For sections and containers that group related content and controls, which may overlap other content. Example: Preview Frame. */ --wpds-elevation-xs: 0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003; /* For components that provide contextual feedback without being intrusive. Generally non-interruptive. Example: Tooltips, Snackbar. */ --wpds-elevation-sm: 0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005; /* For components that offer additional actions. Example: Menus, Command Palette */ --wpds-elevation-md: 0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005; /* For components that confirm decisions or handle necessary interruptions. Example: Modals. */ --wpds-elevation-lg: 0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005; /* Headings font family */ --wpds-typography-font-family-heading: -apple-system, system-ui, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; /* Body font family */ --wpds-typography-font-family-body: -apple-system, system-ui, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; /* Monospace font family */ --wpds-typography-font-family-mono: 'Menlo', 'Consolas', monaco, monospace; /* Extra small font size */ --wpds-typography-font-size-xs: 11px; /* Small font size */ --wpds-typography-font-size-sm: 12px; /* Medium font size */ --wpds-typography-font-size-md: 13px; /* Large font size */ --wpds-typography-font-size-lg: 15px; /* Extra large font size */ --wpds-typography-font-size-xl: 20px; /* 2X large font size */ --wpds-typography-font-size-2xl: 32px; /* Extra small line height */ --wpds-typography-line-height-xs: 16px; /* Small line height */ --wpds-typography-line-height-sm: 20px; /* Medium line height */ --wpds-typography-line-height-md: 24px; /* Large line height */ --wpds-typography-line-height-lg: 28px; /* Extra large line height */ --wpds-typography-line-height-xl: 32px; /* 2X large line height */ --wpds-typography-line-height-2xl: 40px; /* Regular font weight for body text */ --wpds-typography-font-weight-regular: 400; /* Medium font weight for emphasis and headings */ --wpds-typography-font-weight-medium: 499; }[data-wpds-theme-provider-id][data-wpds-density='compact'] { /* Extra small padding */ --wpds-dimension-padding-xs: 4px; /* Small padding */ --wpds-dimension-padding-sm: 4px; /* Medium padding */ --wpds-dimension-padding-md: 8px; /* Large padding */ --wpds-dimension-padding-lg: 12px; /* Extra large padding */ --wpds-dimension-padding-xl: 16px; /* 2x extra large padding */ --wpds-dimension-padding-2xl: 20px; /* 3x extra large padding */ --wpds-dimension-padding-3xl: 24px; /* Extra small gap */ --wpds-dimension-gap-xs: 4px; /* Small gap */ --wpds-dimension-gap-sm: 4px; /* Medium gap */ --wpds-dimension-gap-md: 8px; /* Large gap */ --wpds-dimension-gap-lg: 12px; /* Extra large gap */ --wpds-dimension-gap-xl: 20px; /* 2x extra large gap */ --wpds-dimension-gap-2xl: 24px; /* 3x extra large gap */ --wpds-dimension-gap-3xl: 32px; }[data-wpds-theme-provider-id][data-wpds-density='comfortable'] { /* Extra small padding */ --wpds-dimension-padding-xs: 8px; /* Small padding */ --wpds-dimension-padding-sm: 12px; /* Medium padding */ --wpds-dimension-padding-md: 16px; /* Large padding */ --wpds-dimension-padding-lg: 20px; /* Extra large padding */ --wpds-dimension-padding-xl: 24px; /* 2x extra large padding */ --wpds-dimension-padding-2xl: 32px; /* 3x extra large padding */ --wpds-dimension-padding-3xl: 40px; /* Extra small gap */ --wpds-dimension-gap-xs: 8px; /* Small gap */ --wpds-dimension-gap-sm: 12px; /* Medium gap */ --wpds-dimension-gap-md: 16px; /* Large gap */ --wpds-dimension-gap-lg: 20px; /* Extra large gap */ --wpds-dimension-gap-xl: 32px; /* 2x extra large gap */ --wpds-dimension-gap-2xl: 40px; /* 3x extra large gap */ --wpds-dimension-gap-3xl: 48px; }[data-wpds-theme-provider-id][data-wpds-density='default'] { /* Base dimension unit */ --wpds-dimension-base: 4px; /* Extra small padding */ --wpds-dimension-padding-xs: 4px; /* Small padding */ --wpds-dimension-padding-sm: 8px; /* Medium padding */ --wpds-dimension-padding-md: 12px; /* Large padding */ --wpds-dimension-padding-lg: 16px; /* Extra large padding */ --wpds-dimension-padding-xl: 20px; /* 2x extra large padding */ --wpds-dimension-padding-2xl: 24px; /* 3x extra large padding */ --wpds-dimension-padding-3xl: 32px; /* Extra small gap */ --wpds-dimension-gap-xs: 4px; /* Small gap */ --wpds-dimension-gap-sm: 8px; /* Medium gap */ --wpds-dimension-gap-md: 12px; /* Large gap */ --wpds-dimension-gap-lg: 16px; /* Extra large gap */ --wpds-dimension-gap-xl: 24px; /* 2x extra large gap */ --wpds-dimension-gap-2xl: 32px; /* 3x extra large gap */ --wpds-dimension-gap-3xl: 40px; /* Extra small surface width */ --wpds-dimension-surface-width-xs: 240px; /* Small surface width */ --wpds-dimension-surface-width-sm: 320px; /* Medium surface width */ --wpds-dimension-surface-width-md: 400px; /* Large surface width */ --wpds-dimension-surface-width-lg: 560px; /* Extra large surface width */ --wpds-dimension-surface-width-xl: 720px; /* 2x extra large surface width */ --wpds-dimension-surface-width-2xl: 960px; }@media ( min-resolution: 192dpi ) { :root { /* Border width for focus ring */ --wpds-border-width-focus: 1.5px; } }/** * Typography *//** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. *//** * Colors *//** * Fonts & basic variables. *//** * Typography *//** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ *//** * Radius scale. *//** * Elevation scale. *//** * Dimensions. *//** * Mobile specific styles *//** * Editor styles. *//** * Block & Editor UI. *//** * Block paddings. *//** * React Native specific. * These variables do not appear to be used anywhere else. *//** * Breakpoints & Media Queries *//** * 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. */@media not (prefers-reduced-motion) { .components-animate__appear { animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; animation-fill-mode: forwards; } }.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); } }@media not (prefers-reduced-motion) { .components-animate__slide-in { animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); animation-fill-mode: forwards; } .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%); } }@media not (prefers-reduced-motion) { .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: 8px; min-width: 200px; }.components-autocomplete__result.components-button { display: flex; height: auto; min-height: 36px; text-align: left; width: 100%; }.components-autocomplete__result.components-button:focus:not(:disabled) { box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); outline: 2px solid transparent; }.components-badge { box-sizing: border-box; }.components-badge *, .components-badge *::before, .components-badge *::after { box-sizing: inherit; }.components-badge { background-color: color-mix(in srgb, #fff 90%, var(--base-color)); color: color-mix(in srgb, #000 50%, var(--base-color)); padding: 2px 8px; min-height: 24px; border-radius: 2px; line-height: 0; max-width: 100%; display: inline-block; }.components-badge:where(.is-default) { background-color: #f0f0f0; color: #2f2f2f; }.components-badge.has-icon { padding-inline-start: 4px; }.components-badge.is-info { --base-color: #3858e9; }.components-badge.is-warning { --base-color: #f0b849; }.components-badge.is-error { --base-color: #cc1818; }.components-badge.is-success { --base-color: #4ab866; }.components-badge__flex-wrapper { display: inline-flex; align-items: center; gap: 2px; max-width: 100%; font-size: 12px; font-weight: 400; line-height: 20px; }.components-badge__icon { flex-shrink: 0; }.components-badge__content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.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; }/** * For easier testing of potential regressions, you can use a Button variant matrix * available in a special Storybook instance by running `npm run storybook:e2e:dev`. * * @see https://github.com/WordPress/gutenberg/blob/trunk/test/storybook-playwright/README.md */.components-button { display: inline-flex; text-decoration: none; font-family: inherit; font-size: 13px; margin: 0; border: 0; cursor: pointer; -webkit-appearance: none; background: none; }@media not (prefers-reduced-motion) { .components-button { transition: box-shadow 0.1s linear; } }.components-button { height: 36px; align-items: center; box-sizing: border-box; padding: 6px 12px; border-radius: 2px; color: var(--wp-components-color-foreground, #1e1e1e); }.components-button.is-next-40px-default-size { height: 40px; }.components-button[aria-expanded=true], .components-button:hover:not(:disabled, [aria-disabled=true]) { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); }.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 { /** * Primary button style. */ }.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)); 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 -- Disable reason: This function call looks nicer when each argument is on its own line. */ 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 { /** * Secondary and tertiary buttons. */ }.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; }.components-button { /** * Secondary button style. */ }.components-button.is-secondary { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 0 0 currentColor; 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], .is-pressed) { box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent); }.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-secondary:focus:not(:disabled) { box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); }.components-button { /** * Tertiary buttons. */ }.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], .is-pressed) { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent); color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6)); }.components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, transparent); }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 { /** * Destructive buttons. */ }.components-button.is-destructive { --wp-components-color-accent: #cc1818; --wp-components-color-accent-darker-10: rgb(158.3684210526, 18.6315789474, 18.6315789474); --wp-components-color-accent-darker-20: rgb(112.7368421053, 13.2631578947, 13.2631578947); }.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, [aria-disabled=true]) { color: rgb(112.7368421053, 13.2631578947, 13.2631578947); }.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus { 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, [aria-disabled=true]) { background: #ccc; }.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled, .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true] { color: #949494; }.components-button.is-destructive.is-tertiary:hover:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-secondary:hover:not(:disabled, [aria-disabled=true]) { background: rgba(204, 24, 24, 0.04); }.components-button.is-destructive.is-tertiary:active:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-secondary:active:not(:disabled, [aria-disabled=true]) { background: rgba(204, 24, 24, 0.08); }.components-button { /** * Link buttons. */ }.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; }@media not (prefers-reduced-motion) { .components-button.is-link { transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; } }.components-button.is-link { height: auto; }.components-button.is-link:focus { border-radius: 2px; }.components-button.is-link:disabled, .components-button.is-link[aria-disabled=true] { color: #949494; }.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; color: #949494; }@media not (prefers-reduced-motion) { .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; } }.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] { background-size: 100px 100%; /* stylelint-disable -- Disable reason: This function call looks nicer when each argument is on its own line. */ background-image: linear-gradient(-45deg, rgb(249.9, 249.9, 249.9) 33%, rgb(224.4, 224.4, 224.4) 33%, rgb(224.4, 224.4, 224.4) 70%, rgb(249.9, 249.9, 249.9) 70%); /* stylelint-enable */ }.components-button.is-compact { height: 32px; }.components-button.is-compact.has-icon:not(.has-text) { padding: 0; 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; 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.has-icon.has-text.has-icon-right { padding-right: 8px; padding-left: 12px; }.components-button.is-pressed, .components-button.is-pressed:hover { color: var(--wp-components-color-foreground-inverted, #fff); }.components-button.is-pressed:not(:disabled, [aria-disabled=true]), .components-button.is-pressed:hover:not(:disabled, [aria-disabled=true]) { background: var(--wp-components-color-foreground, #1e1e1e); }.components-button.is-pressed:disabled, .components-button.is-pressed[aria-disabled=true] { color: #949494; }.components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary), .components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary) { color: var(--wp-components-color-foreground-inverted, #fff); background: #949494; }.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 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; } }/* Root of the component. */.components-calendar { position: relative; /* Required to position the navigation toolbar. */ box-sizing: border-box; display: inline flow-root; color: var(--wp-components-color-foreground, #1e1e1e); background-color: var(--wp-components-color-background, #fff); font-size: 13px; font-weight: 400; z-index: 0; }.components-calendar *, .components-calendar *::before, .components-calendar *::after { box-sizing: border-box; }.components-calendar__day { padding: 0; position: relative; }.components-calendar__day:has(.components-calendar__day-button:disabled) { color: var(--wp-components-color-gray-600, #949494); }.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)), .components-calendar__day:has(.components-calendar__day-button:focus-visible) { color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); }.components-calendar__day-button { background: none; padding: 0; margin: 0; cursor: pointer; justify-content: center; align-items: center; display: flex; position: relative; width: 32px; height: 32px; border: none; border-radius: 2px; font: inherit; font-variant-numeric: tabular-nums; color: inherit; }.components-calendar__day-button::before { content: ""; position: absolute; z-index: -1; inset: 0; border: none; border-radius: 2px; }.components-calendar__day-button::after { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; }.components-calendar__day-button:disabled { cursor: revert; }@media (forced-colors: active) { .components-calendar__day-button:disabled { text-decoration: line-through; } }.components-calendar__day-button:focus-visible { outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline-offset: 1px; }.components-calendar__caption-label { z-index: 1; position: relative; display: inline-flex; align-items: center; white-space: nowrap; border: 0; text-transform: capitalize; }.components-calendar__button-next, .components-calendar__button-previous { border: none; border-radius: 2px; background: none; padding: 0; margin: 0; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; position: relative; appearance: none; width: 32px; height: 32px; color: inherit; }.components-calendar__button-next:disabled, .components-calendar__button-next[aria-disabled=true], .components-calendar__button-previous:disabled, .components-calendar__button-previous[aria-disabled=true] { cursor: revert; color: var(--wp-components-color-gray-600, #949494); }.components-calendar__button-next:focus-visible, .components-calendar__button-previous:focus-visible { outline: var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); }.components-calendar__chevron { display: inline-block; fill: currentColor; width: 16px; height: 16px; }.components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron { transform: rotate(180deg); transform-origin: 50%; }.components-calendar__month-caption { display: flex; justify-content: center; align-content: center; height: 32px; margin-bottom: 12px; }.components-calendar__months { position: relative; display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; max-width: -moz-fit-content; max-width: fit-content; }.components-calendar__month-grid { border-collapse: separate; border-spacing: 0 4px; }.components-calendar__nav { position: absolute; inset-block-start: 0; inset-inline-start: 0; inset-inline-end: 0; display: flex; align-items: center; justify-content: space-between; height: 32px; }.components-calendar__weekday { width: 32px; height: 32px; padding: 0; color: var(--wp-components-color-gray-700, #757575); text-align: center; text-transform: uppercase; }/* DAY MODIFIERS */.components-calendar__day--today::after { content: ""; position: absolute; z-index: 1; inset-block-start: 2px; inset-inline-end: 2px; width: 0; height: 0; border-radius: 50%; border: 2px solid currentColor; }.components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button, .components-calendar__day-button:hover:not(:disabled)) { color: var(--wp-components-color-foreground-inverted, #fff); }.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button::before { background-color: var(--wp-components-color-foreground, #1e1e1e); border: 1px solid transparent; }.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled::before { background-color: var(--wp-components-color-gray-600, #949494); }.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled)::before { background-color: var(--wp-components-color-gray-800, #2f2f2f); }.components-calendar__day--hidden { visibility: hidden; }.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button, .components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button::before { border-start-end-radius: 0; border-end-end-radius: 0; }.components-calendar__range-middle .components-calendar__day-button::before { background-color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent); border-radius: 0; border-width: 1px 0; border-color: transparent; border-style: solid; }.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button, .components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button::before { border-start-start-radius: 0; border-end-start-radius: 0; }/* * RANGE PREVIEW (range calendar only) * * The preview is rendered in the button's ::after pseudo-element, so that it * can be rendered over the button's contents. * The selection preview is shown with a dashed border. In order to have * control over the dash pattern (especially the seams between days), the * dashed borders are rendered as SVGs via the url() CSS function. * Since SVGs rendered in the url() function don't seem to be able to access * CSS variables, we're using the SVGs as masks, and using `background-color` * to consume the accent color variable. */.components-calendar__day--preview svg { position: absolute; inset: 0; pointer-events: none; color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, transparent); }@media (forced-colors: active) { .components-calendar__day--preview svg { color: inherit; } }.components-calendar[dir=rtl] .components-calendar__day--preview svg { transform: scaleX(-1); }.components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button::before { border: none; }/* ANIMATIONS */@keyframes slide-in-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } }@keyframes slide-in-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } }@keyframes slide-out-left { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }@keyframes slide-out-right { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } }@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }@keyframes fade-out { from { opacity: 1; } to { opacity: 0; } }.components-calendar__weeks-before-enter, .components-calendar__weeks-before-exit, .components-calendar__weeks-after-enter, .components-calendar__weeks-after-exit, .components-calendar__caption-after-enter, .components-calendar__caption-after-exit, .components-calendar__caption-before-enter, .components-calendar__caption-before-exit { animation-duration: 0s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-fill-mode: forwards; }@media not (prefers-reduced-motion) { .components-calendar__weeks-before-enter, .components-calendar__weeks-before-exit, .components-calendar__weeks-after-enter, .components-calendar__weeks-after-exit, .components-calendar__caption-after-enter, .components-calendar__caption-after-exit, .components-calendar__caption-before-enter, .components-calendar__caption-before-exit { animation-duration: 0.3s; } }.components-calendar__weeks-before-enter, .components-calendar[dir=rtl] .components-calendar__weeks-after-enter { animation-name: slide-in-left; }.components-calendar__weeks-before-exit, .components-calendar[dir=rtl] .components-calendar__weeks-after-exit { animation-name: slide-out-left; }.components-calendar__weeks-after-enter, .components-calendar[dir=rtl] .components-calendar__weeks-before-enter { animation-name: slide-in-right; }.components-calendar__weeks-after-exit, .components-calendar[dir=rtl] .components-calendar__weeks-before-exit { animation-name: slide-out-right; }.components-calendar__caption-after-enter { animation-name: fade-in; }.components-calendar__caption-after-exit { animation-name: fade-out; }.components-calendar__caption-before-enter { animation-name: fade-in; }.components-calendar__caption-before-exit { animation-name: fade-out; }.components-checkbox-control { --checkbox-input-size: 24px; }@media (min-width: 600px) { .components-checkbox-control { --checkbox-input-size: 16px; } }.components-checkbox-control { --checkbox-input-margin: 8px; }.components-checkbox-control__label { line-height: var(--checkbox-input-size); cursor: pointer; }.components-checkbox-control__input[type=checkbox] { border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .components-checkbox-control__input[type=checkbox] { transition: box-shadow 0.1s linear; } }@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 { 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: "\f460"; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */ font: normal 30px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }@media (min-width: 782px) { .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { float: none; font-size: 21px; } }.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; }.components-checkbox-control__input[type=checkbox] { 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: var(--checkbox-input-size); height: var(--checkbox-input-size); -webkit-appearance: none; -moz-appearance: none; appearance: none; }@media not (prefers-reduced-motion) { .components-checkbox-control__input[type=checkbox] { transition: 0.1s border-color ease-in-out; } }.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: var(--checkbox-input-margin); vertical-align: middle; width: var(--checkbox-input-size); aspect-ratio: 1; line-height: 1; flex-shrink: 0; }svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { --checkmark-size: var(--checkbox-input-size); fill: #fff; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: var(--checkmark-size); height: var(--checkmark-size); -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; }@media (min-width: 600px) { svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate { --checkmark-size: calc(var(--checkbox-input-size) + 4px); } }.components-checkbox-control__help { display: inline-block; margin-inline-start: calc(var(--checkbox-input-size) + var(--checkbox-input-margin)); }.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); }@media not (prefers-reduced-motion) { .components-circular-option-picker__option-wrapper { transition: 100ms transform ease; will-change: transform; } }.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 -- We need quotes for the data URL to use the SVG inline. */ 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% !important; aspect-ratio: 1; border: none; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 14px; }@media not (prefers-reduced-motion) { .components-circular-option-picker__option { transition: 100ms box-shadow ease; } }.components-circular-option-picker__option { cursor: pointer; }.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; background: var(--wp-components-color-background, #fff); color: var(--wp-components-color-foreground, #1e1e1e); }@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; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .components-combobox-control__suggestions-container { transition: box-shadow 0.1s linear; } }@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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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 { 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 { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; padding: 0; }.components-combobox-control__suggestions-container:focus-within { border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); outline: 2px solid transparent; }.components-combobox-control__suggestions-container .components-spinner { margin: 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: 4px 4px 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; inset: 1px; 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: 48px 48px; border-radius: 3px 3px 0 0; }.components-color-palette__custom-color-text-wrapper { padding: 12px 16px; border-radius: 0 0 4px 4px; 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: 24px 24px; }.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 !important; 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__ui-line { position: relative; z-index: 0; }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 .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; opacity: 0; pointer-events: none; }.components-drop-zone .components-drop-zone__content-inner { opacity: 0; transform: scale(0.9); }.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content { opacity: 1; }@media not (prefers-reduced-motion) { .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content { transition: opacity 0.2s ease-in-out; } }.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner { opacity: 1; transform: scale(1); }@media not (prefers-reduced-motion) { .components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner { transition: opacity 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out 0.1s; } }.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 .components-popover__content:has(.components-menu-group) { padding: 0; }.components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu > .components-menu-item__button, .components-dropdown__content .components-popover__content:has(.components-menu-group) > .components-menu-item__button { margin: 8px; width: auto; }.components-dropdown__content [role=menuitem] { white-space: nowrap; }.components-dropdown__content .components-menu-group { padding: 8px; }.components-dropdown__content .components-menu-group + .components-menu-group { border-top: 1px solid #ccc; padding: 8px; }.components-dropdown__content.is-alternate .components-menu-group + .components-menu-group { border-color: #1e1e1e; }.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: 40px; height: auto; text-align: left; padding-left: 8px; padding-right: 8px; }.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:hover:not(:disabled):not([aria-disabled=true]) { 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-color { margin: 2px; }.components-external-link { text-decoration: none; }.components-external-link__contents { text-decoration: underline; }.components-external-link__icon { margin-left: 0.5ch; font-weight: 400; }.components-form-toggle { position: relative; display: inline-block; height: 16px; }.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 #949494; width: 32px; height: 16px; border-radius: 8px; }@media not (prefers-reduced-motion) { .components-form-toggle .components-form-toggle__track { transition: 0.2s background-color ease, 0.2s border-color ease; } }.components-form-toggle .components-form-toggle__track { overflow: hidden; }.components-form-toggle .components-form-toggle__track::after { content: ""; position: absolute; inset: 0; box-sizing: border-box; border-top: 16px solid transparent; }@media not (prefers-reduced-motion) { .components-form-toggle .components-form-toggle__track::after { transition: 0.2s opacity ease; } }.components-form-toggle .components-form-toggle__track::after { opacity: 0; }.components-form-toggle .components-form-toggle__thumb { display: block; position: absolute; box-sizing: border-box; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; }@media not (prefers-reduced-motion) { .components-form-toggle .components-form-toggle__thumb { transition: 0.2s transform ease, 0.2s background-color ease-out; } }.components-form-toggle .components-form-toggle__thumb { background-color: #1e1e1e; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01); border: 6px solid transparent; }.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(16px); }.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-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled, [aria-disabled=true]) { cursor: pointer; }.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; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .components-form-token-field__input-container { transition: box-shadow 0.1s linear; } }@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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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 { 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 { width: 100%; padding: 0; cursor: text; }.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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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: var(--wp-components-color-foreground, #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; }.components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text { 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; }.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; 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-text, .components-form-token-field__remove-token.components-button { display: inline-block; height: auto; background: #ddd; min-width: unset; }@media not (prefers-reduced-motion) { .components-form-token-field__token-text, .components-form-token-field__remove-token.components-button { transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); } }.components-form-token-field__token-text { border-radius: 1px 0 0 1px; padding: 0 0 0 8px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.components-form-token-field__remove-token.components-button { border-radius: 0 1px 1px 0; color: #1e1e1e; line-height: 10px; overflow: initial; }.components-form-token-field__remove-token.components-button:hover:not(:disabled) { color: #1e1e1e; }.components-form-token-field__suggestions-list { flex: 1 0 100%; min-width: 100%; max-height: 128px; overflow-y: auto; }@media not (prefers-reduced-motion) { .components-form-token-field__suggestions-list { transition: all 0.15s ease-in-out; } }.components-form-token-field__suggestions-list { list-style: none; box-shadow: inset 0 1px 0 0 #949494; margin: 0; padding: 0; }.components-form-token-field__suggestion { color: var(--wp-components-color-foreground, #1e1e1e); display: block; font-size: 13px; padding: 8px 12px; min-height: 32px; margin: 0; box-sizing: border-box; }.components-form-token-field__suggestion.is-selected { background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); color: var(--wp-components-color-foreground-inverted, #fff); }.components-form-token-field__suggestion[aria-disabled=true] { pointer-events: none; color: #949494; }.components-form-token-field__suggestion[aria-disabled=true].is-selected { background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent); }.components-form-token-field__suggestion:not(.is-empty) { cursor: pointer; }@media (min-width: 600px) { .components-guide { width: 600px; } }.components-guide .components-modal__content { padding: 0; margin-top: 0; }.components-guide .components-modal__content::before { content: none; }.components-guide .components-modal__header { border-bottom: none; padding: 0; position: sticky; height: 64px; }.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 .components-guide__container { display: flex; flex-direction: column; justify-content: space-between; margin-top: -64px; min-height: 100%; }.components-guide .components-guide__page { display: flex; flex-direction: column; justify-content: center; position: relative; }@media (min-width: 600px) { .components-guide .components-guide__page { min-height: 300px; } }.components-guide .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 .components-guide__page-control { margin: 0; text-align: center; }.components-guide .components-guide__page-control li { display: inline-block; margin: 0; }.components-guide .components-guide__page-control .components-button { margin: -6px 0; color: #e0e0e0; }.components-guide .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; }[role=region].interface-interface-skeleton__content:focus-visible::after { content: ""; position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; outline-color: var(--wp-admin-theme-color); outline-style: solid; outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); z-index: 1000000; }.is-focusing-regions [role=region]:focus::after { content: ""; position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; outline-color: var(--wp-admin-theme-color); outline-style: solid; outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); z-index: 1000000; }.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header, .is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel, .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel, .is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel, .is-focusing-regions .editor-post-publish-panel { outline-color: var(--wp-admin-theme-color); outline-style: solid; outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)); }.components-menu-group + .components-menu-group { 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:has(> div:empty) { display: none; }.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, .components-menu-items-choice.components-button { min-height: 40px; height: auto; }.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; }@keyframes __wp-base-styles-fade-in { from { opacity: 0; } to { opacity: 1; } }@media not (prefers-reduced-motion) { .components-modal__screen-overlay { animation: __wp-base-styles-fade-in 0.08s linear 0s; animation-fill-mode: forwards; } }@keyframes __wp-base-styles-fade-out { from { opacity: 1; } to { opacity: 0; } }@media not (prefers-reduced-motion) { .components-modal__screen-overlay.is-animating-out { animation: __wp-base-styles-fade-out 0.08s linear 80ms; animation-fill-mode: forwards; } }.components-modal__frame { box-sizing: border-box; }.components-modal__frame *, .components-modal__frame *::before, .components-modal__frame *::after { box-sizing: inherit; }.components-modal__frame { margin: 40px 0 0 0; width: 100%; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02); border-radius: 8px 8px 0 0; overflow: hidden; display: flex; color: #1e1e1e; animation-name: components-modal__appear-animation; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.29, 0, 0, 1); }.components-modal__frame h1, .components-modal__frame h2, .components-modal__frame h3 { color: #1e1e1e; }@media not (prefers-reduced-motion) { .components-modal__frame { animation-duration: var(--modal-frame-animation-duration); } }.components-modal__screen-overlay.is-animating-out .components-modal__frame { animation-name: components-modal__disappear-animation; animation-timing-function: cubic-bezier(1, 0, 0.2, 1); }@media (min-width: 600px) { .components-modal__frame { border-radius: 8px; margin: auto; width: auto; min-width: 350px; max-width: calc(100% - 32px); max-height: calc(100% - 128px); } }@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%; } .components-modal__frame.has-size-small { max-width: 384px; } .components-modal__frame.has-size-medium { max-width: 512px; } .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 { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }@keyframes components-modal__disappear-animation { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.9); } }.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__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: flex-start; }.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; color: #1e1e1e; }.components-notice.is-dismissible { position: relative; }.components-notice.is-success { border-left-color: #4ab866; background-color: rgb(238.8392857143, 248.6607142857, 241.3392857143); }.components-notice.is-warning { border-left-color: #f0b849; background-color: rgb(253.5913705584, 248.3324873096, 237.9086294416); }.components-notice.is-error { border-left-color: #cc1818; background-color: rgb(244.1052631579, 162.3947368421, 162.3947368421); }.components-notice__content { flex-grow: 1; margin: 4px 25px 4px 0; }.components-notice__actions { display: flex; flex-wrap: wrap; }.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__action.components-button { margin-right: 8px; }.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; flex-shrink: 0; 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; }@media not (prefers-reduced-motion) { .components-panel__body > .components-panel__body-title { transition: 0.1s background ease-in-out; } }.components-panel__body.is-opened > .components-panel__body-title { margin: -16px; margin-bottom: 5px; }.components-panel__body > .components-panel__body-title:hover { 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; }@media not (prefers-reduced-motion) { .components-panel__body-toggle.components-button { transition: 0.1s background ease-in-out; } }.components-panel__body-toggle.components-button { height: auto; }.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; }@media not (prefers-reduced-motion) { .components-panel__body-toggle.components-button .components-panel__arrow { transition: 0.1s color ease-in-out; } }.components-panel__body-toggle.components-button { /* rtl:begin:ignore */ }body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { transform: scaleX(-1); -ms-filter: fliph; filter: FlipH; margin-top: -10px; }.components-panel__body-toggle.components-button { /* rtl:end:ignore */ }.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: 24px; width: 100%; text-align: left; margin: 0; color: #1e1e1e; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; -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; }.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 { font-weight: 600; align-items: center; display: flex; }.components-placeholder__label > svg, .components-placeholder__label .dashicon, .components-placeholder__label .block-editor-block-icon { margin-right: 4px; 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; gap: 16px; justify-content: flex-start; }.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; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .components-placeholder__input[type=url] { transition: box-shadow 0.1s linear; } }@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 { color: rgba(30, 30, 30, 0.62); }.components-placeholder__input[type=url]:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); }.components-placeholder__input[type=url] { flex: 1 1 auto; }.components-placeholder__error { width: 100%; gap: 8px; }.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-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-placeholder.is-medium .components-button, .components-placeholder.is-small .components-placeholder__fieldset > *, .components-placeholder.is-small .components-button { width: 100%; justify-content: center; }.components-placeholder.is-small { padding: 16px; }/** * Dashed style placeholders */.components-placeholder.has-illustration { color: inherit; display: flex; box-shadow: none; border-radius: 0; backdrop-filter: blur(100px); background-color: transparent; backface-visibility: hidden; }.is-dark-theme .components-placeholder.has-illustration { background-color: rgba(0, 0, 0, 0.1); }.components-placeholder.has-illustration .components-placeholder__fieldset { 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; }@media not (prefers-reduced-motion) { .components-placeholder.has-illustration .components-placeholder__label, .components-placeholder.has-illustration .components-placeholder__instructions, .components-placeholder.has-illustration .components-button { transition: opacity 0.1s linear; } }.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.has-illustration { overflow: hidden; }.is-selected .components-placeholder.has-illustration { overflow: auto; }.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; }.components-popover *, .components-popover *::before, .components-popover *::after { box-sizing: inherit; }.components-popover { z-index: 1000000; will-change: transform; }.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 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02); border-radius: 4px; box-sizing: border-box; width: -moz-min-content; width: min-content; }.is-alternate .components-popover__content { box-shadow: 0 0 0 1px #1e1e1e; border-radius: 2px; }.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-radio-control { border: 0; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; }.components-radio-control__group-wrapper.has-help { margin-block-end: 12px; }.components-radio-control__option { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto minmax(0, max-content); -moz-column-gap: 8px; column-gap: 8px; align-items: center; }.components-radio-control__input[type=radio] { grid-column: 1; grid-row: 1; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; width: 24px; height: 24px; min-width: 24px; max-width: 24px; position: relative; }@media not (prefers-reduced-motion) { .components-radio-control__input[type=radio] { transition: box-shadow 0.1s linear; } }@media (min-width: 600px) { .components-radio-control__input[type=radio] { height: 16px; width: 16px; min-width: 16px; max-width: 16px; } }.components-radio-control__input[type=radio]:checked::before { box-sizing: inherit; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; background-color: #fff; border: 4px solid #fff; }@media (min-width: 600px) { .components-radio-control__input[type=radio]:checked::before { width: 8px; height: 8px; } }.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: none; }.components-radio-control__input[type=radio] { display: inline-flex; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }.components-radio-control__input[type=radio]: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-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 { grid-column: 2; grid-row: 1; cursor: pointer; line-height: 24px; }@media (min-width: 600px) { .components-radio-control__label { line-height: 16px; } }.components-radio-control__option-description { grid-column: 2; grid-row: 2; padding-block-start: 4px; }.components-radio-control__option-description.components-radio-control__option-description { margin-top: 0; }.components-resizable-box__handle { display: none; width: 23px; height: 23px; z-index: 2; }.components-resizable-box__container.has-show-handle .components-resizable-box__handle { display: block; }.components-resizable-box__handle > div { position: relative; width: 100%; height: 100%; z-index: 2; outline: none; }.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)), 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01); outline: 2px solid transparent; }.components-resizable-box__side-handle::before { display: block; border-radius: 9999px; 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); }@media not (prefers-reduced-motion) { .components-resizable-box__side-handle::before { transition: transform 0.1s ease-in; will-change: transform; } }.components-resizable-box__side-handle::before { opacity: 0; }.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; }@media not (prefers-reduced-motion) { .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 not (prefers-reduced-motion) { .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; } }/* 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; }.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); backdrop-filter: blur(16px) saturate(180%); border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02); 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, .components-snackbar__action.components-external-link { margin-left: 32px; color: #fff; flex-shrink: 0; }.components-snackbar__action.components-button:focus, .components-snackbar__action.components-external-link:focus { box-shadow: none; outline: 1px dotted #fff; }.components-snackbar__action.components-button:hover, .components-snackbar__action.components-external-link:hover { text-decoration: none; color: currentColor; }.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 !important; 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; }@media not (prefers-reduced-motion) { .components-tab-panel__tabs-item::after { transition: all 0.1s linear; } }.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; }@media not (prefers-reduced-motion) { .components-tab-panel__tabs-item::before { transition: all 0.1s linear; } }.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-tab-panel__tab-content:focus { box-shadow: none; outline: none; }.components-tab-panel__tab-content:focus-visible { 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; outline-offset: 0; }.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; margin: 0; background: var(--wp-components-color-background, #fff); color: var(--wp-components-color-foreground, #1e1e1e); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .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: box-shadow 0.1s linear; } }@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-components-color-accent, var(--wp-admin-theme-color, #3858e9)); box-shadow: 0 0 0 0.5px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)); 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 { 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, .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] { border-color: var(--wp-components-color-gray-600, #949494); }.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 { color: color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), transparent 38%); }.components-text-control__input::placeholder, .components-text-control__input[type=text]::placeholder, .components-text-control__input[type=tel]::placeholder, .components-text-control__input[type=time]::placeholder, .components-text-control__input[type=url]::placeholder, .components-text-control__input[type=week]::placeholder, .components-text-control__input[type=password]::placeholder, .components-text-control__input[type=color]::placeholder, .components-text-control__input[type=date]::placeholder, .components-text-control__input[type=datetime]::placeholder, .components-text-control__input[type=datetime-local]::placeholder, .components-text-control__input[type=email]::placeholder, .components-text-control__input[type=month]::placeholder, .components-text-control__input[type=number]::placeholder { color: color-mix(in srgb, var(--wp-components-color-foreground, #1e1e1e), transparent 38%); }.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; padding-left: 12px; padding-right: 12px; }.components-text-control__input[type=email], .components-text-control__input[type=url] { /* rtl:ignore */ direction: ltr; }.components-tip { display: flex; color: #757575; }.components-tip svg { align-self: center; fill: #f0b849; flex-shrink: 0; margin-right: 16px; }.components-tip p { margin: 0; }.components-toggle-control__label { line-height: 16px; }.components-toggle-control__label:not(.is-disabled) { cursor: pointer; }.components-toggle-control__help { display: inline-block; margin-inline-start: 40px; }.components-accessible-toolbar { display: inline-flex; border: 1px solid var(--wp-components-color-foreground, #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[aria-orientation=vertical], .components-toolbar[aria-orientation=vertical] { display: flex; flex-direction: column; align-items: center; }.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; }@media not (prefers-reduced-motion) { .components-accessible-toolbar .components-button::before, .components-toolbar .components-button::before { animation: components-button__appear-animation 0.1s ease; animation-fill-mode: forwards; } }.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: var(--wp-components-color-foreground, #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: 8px; padding-right: 8px; min-width: 48px; }@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 var(--wp-components-color-foreground, #1e1e1e); background-color: var(--wp-components-color-background, #fff); display: inline-flex; flex-shrink: 0; flex-wrap: wrap; padding-left: 6px; padding-right: 6px; }.components-toolbar-group .components-toolbar-group.components-toolbar-group { border-width: 0; margin: 0; }.components-toolbar-group { line-height: 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 var(--wp-components-color-foreground, #1e1e1e); background-color: var(--wp-components-color-background, #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: flex; margin: 0; }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; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02); }.components-tooltip__shortcut { margin-left: 8px; }.components-validated-control:has(:is(input, select):user-invalid) .components-input-control__backdrop { --wp-components-color-accent: #cc1818; border-color: #cc1818; }.components-validated-control :is(textarea, input[type=text]):user-invalid { --wp-admin-theme-color: #cc1818; --wp-components-color-accent: #cc1818; border-color: #cc1818; }.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])) { border-color: #cc1818; }.components-validated-control__wrapper-with-error-delegate { position: relative; }.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop { --wp-components-color-accent: #cc1818; border-color: #cc1818; }.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid) { --wp-components-color-accent: #cc1818; }.components-validated-control__wrapper-with-error-delegate:has(input:user-invalid) .components-form-token-field__input-container:not(:has([aria-expanded=true])) { --wp-components-color-accent: #cc1818; border-color: #cc1818; }.components-validated-control__error-delegate { position: absolute; top: 0; height: 100%; width: 100%; opacity: 0; pointer-events: none; }.components-validated-control__indicator { display: flex; align-items: flex-start; gap: 4px; margin: 8px 0 0; font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 0.75rem; line-height: 16px; color: var(--wp-components-color-gray-700, #757575); animation: components-validated-control__indicator-jump 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55); }.components-validated-control__indicator.is-invalid { color: #cc1818; }.components-validated-control__indicator.is-valid { color: color-mix(in srgb, #000 30%, #4ab866); }.components-validated-control__indicator-icon { flex-shrink: 0; }.components-validated-control__indicator-spinner { margin: 2px; width: 12px; height: 12px; }@keyframes components-validated-control__indicator-jump { 0% { transform: translateY(-4px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }:root { --wp-admin-theme-color: #3858e9; --wp-admin-theme-color--rgb: 56, 88, 233; --wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615); --wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615; --wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077); --wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077; --wp-admin-border-width-focus: 2px; }@media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } }/** * Colors *//** * 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. *//** * Fonts & basic variables. *//** * Typography *//** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ *//** * Radius scale. *//** * Elevation scale. *//** * Dimensions. *//** * Mobile specific styles *//** * Editor styles. *//** * Block & Editor UI. *//** * Block paddings. *//** * React Native specific. * These variables do not appear to be used anywhere else. *//** * Typography *//** * Breakpoints & Media Queries *//** * 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. *//** * Creates a checkerboard pattern background to indicate transparency. * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px. */.dataviews-wrapper, .dataviews-picker-wrapper { height: 100%; box-sizing: border-box; scroll-padding-bottom: 64px; /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */ container: dataviews-wrapper/inline-size; display: flex; flex-direction: column; font-size: 13px; line-height: 1.4; background-color: var(--wp-dataviews-color-background, #fff); }.dataviews__view-actions, .dataviews-filters__container { box-sizing: border-box; padding: 16px 24px; flex-shrink: 0; position: sticky; left: 0; background-color: inherit; }@media not (prefers-reduced-motion) { .dataviews__view-actions, .dataviews-filters__container { transition: padding ease-out 0.1s; } }.dataviews-no-results, .dataviews-loading { padding: 0 24px; flex-grow: 1; display: flex; align-items: center; justify-content: center; }@media not (prefers-reduced-motion) { .dataviews-no-results, .dataviews-loading { transition: padding ease-out 0.1s; } }.dataviews-no-results.is-refreshing { opacity: 0.5; pointer-events: none; }@media not (prefers-reduced-motion) { .dataviews-no-results.is-refreshing { opacity: 1; animation: dataviews-pulse 1s ease-in-out infinite; } }@keyframes dataviews-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }.dataviews-loading-more { text-align: center; }@container (max-width: 430px) { .dataviews__view-actions, .dataviews-filters__container { padding: 12px 24px; } }.dataviews-title-field { font-size: 13px; font-weight: 499; color: #2f2f2f; text-overflow: ellipsis; white-space: nowrap; width: 100%; }.dataviews-title-field a { text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; flex-grow: 0; color: #2f2f2f; }.dataviews-title-field a:hover { color: var(--wp-admin-theme-color); }.dataviews-title-field a:focus { color: var(--wp-admin-theme-color--rgb); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); border-radius: 2px; }.dataviews-title-field button.components-button.is-link { text-decoration: none; font-weight: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; width: 100%; color: #1e1e1e; }.dataviews-title-field button.components-button.is-link:hover { color: var(--wp-admin-theme-color); }.dataviews-title-field--clickable { cursor: var(--wpds-cursor-control, pointer); color: #2f2f2f; }.dataviews-title-field--clickable:hover { color: var(--wp-admin-theme-color); }.dataviews-title-field--clickable:focus { color: var(--wp-admin-theme-color--rgb); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); border-radius: 2px; }.dataviews__view-actions--infinite-scroll { position: sticky; top: 0; z-index: 2; background-color: #fff; }.dataviews-bulk-actions-footer__item-count { color: #1e1e1e; }.dataviews-bulk-actions-footer__container { margin-right: auto; min-height: 32px; }.dataviews-layout__container { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; background-color: inherit; }.dataviews-filters__button { position: relative; }.dataviews-filters__container { padding-top: 0; }.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover { opacity: 0; }.dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus { opacity: 1; }.dataviews-filters__summary-popover { font-size: 13px; line-height: 1.4; }.dataviews-filters__summary-popover .components-popover__content { width: 100%; min-width: 230px; max-width: 250px; border-radius: 4px; }.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content { padding: 0; }.dataviews-filters__summary-operators-container { padding: 8px 16px; }.dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-no-elements), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__user-input-widget) { border-bottom: 1px solid #e0e0e0; }.dataviews-filters__summary-operators-container:empty { display: none; }.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name { color: #757575; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; /* Prevents this element from shrinking */ max-width: calc(100% - 55px); }.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select { width: 100%; white-space: nowrap; overflow: hidden; }.dataviews-filters__summary-chip-container { position: relative; white-space: pre-wrap; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip { border-radius: 16px; border: 1px solid transparent; cursor: var(--wpds-cursor-control, pointer); padding: 4px 12px; min-height: 32px; background: #f0f0f0; color: #2f2f2f; position: relative; display: flex; align-items: center; box-sizing: border-box; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable { cursor: default; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset { padding-inline-end: 28px; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] { background: #e0e0e0; color: #1e1e1e; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values { color: var(--wp-admin-theme-color); background: rgba(var(--wp-admin-theme-color--rgb), 0.04); }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] { background: rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible { outline: none; box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name { font-weight: 499; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove { width: 24px; height: 24px; border-radius: 50%; border: 0; padding: 0; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; background: transparent; cursor: var(--wpds-cursor-control, pointer); }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg { fill: #757575; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus { background: #e0e0e0; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg { fill: #1e1e1e; }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg { fill: var(--wp-admin-theme-color); }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover { background: rgba(var(--wp-admin-theme-color--rgb), 0.08); }.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible { outline: none; box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); }.dataviews-filters__search-widget-filter-combobox-list { max-height: 184px; padding: 4px; overflow: auto; border-top: 1px solid #e0e0e0; }.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] { font-weight: 600; }.dataviews-filters__search-widget-listbox { padding: 4px; overflow: auto; }.dataviews-filters__search-widget-listitem { display: flex; align-items: center; gap: 8px; border-radius: 2px; box-sizing: border-box; padding: 4px 12px; cursor: default; min-height: 32px; font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 400; font-size: 13px; line-height: 20px; }.dataviews-filters__search-widget-listitem:last-child { margin-block-end: 0; }.dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus { background-color: var(--wp-admin-theme-color); color: #fff; }.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description { color: #fff; }.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection { border-color: var(--wp-admin-theme-color-darker-20, #183ad6); background: #fff; }.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected { border-color: var(--wp-admin-theme-color-darker-20, #183ad6); background: var(--wp-admin-theme-color-darker-20, #183ad6); }.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection { border-color: var(--wp-admin-theme-color-darker-20, #183ad6); }.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected { border-color: var(--wp-admin-theme-color-darker-20, #183ad6); background: var(--wp-admin-theme-color-darker-20, #183ad6); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description { display: block; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 16px; color: #757575; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 50%; width: 24px; height: 24px; min-width: 24px; max-width: 24px; position: relative; }@media not (prefers-reduced-motion) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { transition: box-shadow 0.1s linear; } }@media (min-width: 600px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { height: 16px; width: 16px; min-width: 16px; max-width: 16px; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before { box-sizing: inherit; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; background-color: #fff; border: 4px solid #fff; }@media (min-width: 600px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before { width: 8px; height: 8px; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked { background: var(--wp-admin-theme-color); border: none; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { margin: 0; padding: 0; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected { background: var(--wp-admin-theme-color, #3858e9); border-color: var(--wp-admin-theme-color, #3858e9); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before { content: ""; border-radius: 50%; box-sizing: inherit; width: 12px; height: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; background-color: #fff; border: 4px solid #fff; }@media (min-width: 600px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before { width: 8px; height: 8px; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { --checkbox-size: 24px; flex-shrink: 0; border: 1px solid #1e1e1e; margin-right: 12px; transition: none; border-radius: 2px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { transition: box-shadow 0.1s linear; } }@media (min-width: 600px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder { color: rgba(30, 30, 30, 0.62); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder { color: rgba(30, 30, 30, 0.62); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before { margin: -3px -5px; color: #fff; }@media (min-width: 782px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before { margin: -4px 0 0 -5px; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before { content: "\f460"; float: left; display: inline-block; vertical-align: middle; width: 16px; /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */ font: normal 30px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }@media (min-width: 782px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before { float: none; font-size: 21px; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled { background: #f0f0f0; border-color: #ddd; cursor: default; opacity: 1; }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { position: relative; background: #fff; color: #1e1e1e; margin: 0; padding: 0; width: var(--checkbox-size); height: var(--checkbox-size); }@media (min-width: 600px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { --checkbox-size: 16px; } }@media not (prefers-reduced-motion) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { transition: 0.1s border-color ease-in-out; } }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected { background: var(--wp-admin-theme-color, #3858e9); border-color: var(--wp-admin-theme-color, #3858e9); }.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg { --checkmark-size: var(--checkbox-size); fill: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: var(--checkmark-size); height: var(--checkmark-size); }@media (min-width: 600px) { .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg { --checkmark-size: calc(var(--checkbox-size) + 4px); } }.dataviews-filters__search-widget-filter-combobox__wrapper { position: relative; padding: 8px; }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; }@media not (prefers-reduced-motion) { .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { transition: box-shadow 0.1s linear; } }@media (min-width: 600px) { .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__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; }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder { color: rgba(30, 30, 30, 0.62); }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder { color: rgba(30, 30, 30, 0.62); }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { display: block; padding: 0 8px 0 32px; width: 100%; height: 32px; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; }@media (min-width: 600px) { .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { font-size: 13px; } }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus { background: #fff; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder { color: #757575; }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder { color: #757575; }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration { -webkit-appearance: none; }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon { position: absolute; inset-inline-start: 12px; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 24px; }.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) { transform: scaleX(-1); }.dataviews-filters__container-visibility-toggle { position: relative; flex-shrink: 0; }.dataviews-filters-toggle__count { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); background: var(--wp-admin-theme-color, #3858e9); height: 16px; min-width: 16px; line-height: 16px; padding: 0 4px; text-align: center; border-radius: 8px; font-size: 11px; outline: var(--wp-admin-border-width-focus) solid #fff; color: #fff; box-sizing: border-box; }.dataviews-search { width: -moz-fit-content; width: fit-content; }.dataviews-filters__user-input-widget { padding: 16px; }.dataviews-filters__user-input-widget .components-input-control__prefix { padding-left: 8px; }.dataviews-filters__search-widget-no-elements { display: flex; align-items: center; justify-content: center; padding: 16px; }.dataviews-footer { position: sticky; bottom: 0; left: 0; background-color: inherit; padding: 12px 24px; border-top: 1px solid #f0f0f0; flex-shrink: 0; }@media not (prefers-reduced-motion) { .dataviews-footer { transition: padding ease-out 0.1s; } }.dataviews-footer { z-index: 2; }.dataviews-footer .is-refreshing { opacity: 0.5; pointer-events: none; }@media not (prefers-reduced-motion) { .dataviews-footer .is-refreshing { opacity: 1; animation: dataviews-pulse 1s ease-in-out infinite; } }@container (max-width: 560px) { .dataviews-footer__content { flex-direction: column !important; } .dataviews-footer__content .dataviews-bulk-actions-footer__container { width: 100%; } .dataviews-footer__content .dataviews-bulk-actions-footer__item-count { flex-grow: 1; } .dataviews-footer__content .dataviews-pagination { width: 100%; justify-content: space-between; } }.dataviews-pagination__page-select { font-size: 11px; font-weight: 499; text-transform: uppercase; }@media (min-width: 600px) { .dataviews-pagination__page-select .components-select-control__input { font-size: 11px !important; font-weight: 499; } }.dataviews-action-modal { z-index: 1000001; }.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { padding: 0 4px; }.dataviews-selection-checkbox { --checkbox-input-size: 24px; }@media (min-width: 600px) { .dataviews-selection-checkbox { --checkbox-input-size: 16px; } }.dataviews-selection-checkbox { line-height: 0; flex-shrink: 0; }.dataviews-selection-checkbox .components-checkbox-control__input-container { margin: 0; }.dataviews-view-config { width: 320px; /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */ container-type: inline-size; font-size: 13px; line-height: 1.4; }.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper { overflow-y: scroll; height: 100%; }.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config { width: auto; }.dataviews-view-config__sort-direction .components-toggle-group-control-option-base { text-transform: uppercase; }.dataviews-settings-section__title.dataviews-settings-section__title { line-height: 24px; font-size: 15px; }.dataviews-settings-section__sidebar { grid-column: span 4; }.dataviews-settings-section__content, .dataviews-settings-section__content > * { grid-column: span 8; }.dataviews-settings-section__content .is-divided-in-two { display: contents; }.dataviews-settings-section__content .is-divided-in-two > * { grid-column: span 4; }.dataviews-settings-section:has(.dataviews-settings-section__content:empty) { display: none; }@container (max-width: 500px) { .dataviews-settings-section.dataviews-settings-section { grid-template-columns: repeat(2, 1fr); } .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar { grid-column: span 2; } .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content { grid-column: span 2; } }.dataviews-view-config__sort-controls > * { flex: 1; }.dataviews-view-config__label { text-wrap: nowrap; }.dataviews-view-config__toggle-wrapper { position: relative; display: inline-flex; }.dataviews-view-config__modified-indicator { position: absolute; top: 4px; right: 4px; width: 4px; height: 4px; background: var(--wp-admin-theme-color, #3858e9); border-radius: 50%; pointer-events: none; }.dataviews-view-grid-items { margin-bottom: auto; display: grid; gap: 24px; grid-template-rows: max-content; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); padding: 0 24px 24px; container-type: inline-size; }@media not (prefers-reduced-motion) { .dataviews-view-grid-items { transition: padding ease-out 0.1s; } }.dataviews-view-grid-items.has-compact-density { gap: 16px; }.dataviews-view-grid-items.has-comfortable-density { gap: 32px; }.dataviews-view-grid { padding: 0 24px 24px; display: flex; flex-direction: column; gap: 24px; container-type: inline-size; margin-bottom: auto; }@media not (prefers-reduced-motion) { .dataviews-view-grid { transition: padding ease-out 0.1s; } }.dataviews-view-grid.has-compact-density { gap: 16px; }.dataviews-view-grid.has-compact-density .dataviews-view-grid__row { gap: 16px; }.dataviews-view-grid.has-comfortable-density { gap: 32px; }.dataviews-view-grid.has-comfortable-density .dataviews-view-grid__row { gap: 32px; }.dataviews-view-grid .dataviews-view-grid__row { display: grid; gap: 24px; }.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell { border-radius: 4px; position: relative; }.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell[data-focus-visible]::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 4px; pointer-events: none; outline: 2px solid transparent; }.dataviews-view-grid .dataviews-view-grid__card, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card { height: 100%; justify-content: flex-start; position: relative; }.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title { padding: 8px 0 4px; }.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field { min-height: 24px; overflow: hidden; align-content: center; text-align: start; }.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable { width: -moz-fit-content; width: fit-content; }.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { color: #1e1e1e; }.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after, .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); }.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after { box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); }.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); }.dataviews-view-grid .dataviews-view-grid__media, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media { width: 100%; aspect-ratio: 1/1; background-color: #fff; border-radius: 4px; overflow: hidden; position: relative; }.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media.dataviews-view-grid__media--placeholder { aspect-ratio: 3/1; }.dataviews-view-grid .dataviews-view-grid__media img, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }.dataviews-view-grid .dataviews-view-grid__media::after, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 4px; pointer-events: none; }.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media .dataviews-view-grid__media-placeholder { width: 100%; height: 100%; display: block; border-radius: 4px; box-shadow: none; background: #f0f0f0; }.dataviews-view-grid .dataviews-view-grid__fields, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields { position: relative; font-size: 12px; line-height: 16px; }.dataviews-view-grid .dataviews-view-grid__fields:not(:empty), .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields:not(:empty) { padding: 0 0 12px; }.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty), .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) { min-height: 24px; line-height: 20px; padding-top: 2px; }.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field { min-height: 24px; align-items: center; }.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name { width: 35%; color: #757575; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value, .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))), .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) { display: none; }.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty), .dataviews-view-grid-infinite-scroll .dataviews-view-grid__badge-fields:not(:empty) { padding-bottom: 12px; }.dataviews-view-grid.is-refreshing, .dataviews-view-grid-infinite-scroll.is-refreshing { opacity: 0.5; pointer-events: none; }@media not (prefers-reduced-motion) { .dataviews-view-grid.is-refreshing, .dataviews-view-grid-infinite-scroll.is-refreshing { opacity: 1; animation: dataviews-pulse 1s ease-in-out infinite; } }.dataviews-view-grid__field-value:empty, .dataviews-view-grid__field:empty { display: none; }.dataviews-view-grid__card .dataviews-selection-checkbox { position: absolute; top: -9999em; left: 8px; z-index: 1; opacity: 0; }@media not (prefers-reduced-motion) { .dataviews-view-grid__card .dataviews-selection-checkbox { transition: opacity 0.1s linear; } }@media (hover: none) { .dataviews-view-grid__card .dataviews-selection-checkbox { opacity: 1; top: 8px; } }.dataviews-view-grid__card:hover .dataviews-selection-checkbox, .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox, .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox { opacity: 1; top: 8px; }.dataviews-view-grid__card .dataviews-view-grid__media-actions { position: absolute; z-index: 1; top: 4px; opacity: 0; right: 4px; }.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button { background-color: #fff; }@media not (prefers-reduced-motion) { .dataviews-view-grid__card .dataviews-view-grid__media-actions { transition: opacity 0.1s linear; } }@media (hover: none) { .dataviews-view-grid__card .dataviews-view-grid__media-actions { opacity: 1; top: 4px; } }.dataviews-view-grid__card:hover .dataviews-view-grid__media-actions, .dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions, .dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) { opacity: 1; }.dataviews-view-grid__media--clickable { cursor: var(--wpds-cursor-control, pointer); }.dataviews-view-grid__group-header { font-size: 15px; font-weight: 499; color: #1e1e1e; margin: 0 0 8px 0; padding: 0 24px; container-type: inline-size; }div.dataviews-view-list { list-style-type: none; }.dataviews-view-list { margin: 0 0 auto; }.dataviews-view-list div[role=row], .dataviews-view-list div[role=article] { margin: 0; border-top: 1px solid #f0f0f0; }.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper, .dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper { position: relative; padding: 16px 24px; box-sizing: border-box; }.dataviews-view-list div[role=row] .dataviews-view-list__item-actions, .dataviews-view-list div[role=article] .dataviews-view-list__item-actions { display: flex; width: -moz-max-content; width: max-content; flex: 0 0 auto; gap: 4px; white-space: nowrap; }.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button, .dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button { position: relative; z-index: 1; }.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div, .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div { height: 24px; }.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child), .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) { flex: 0; overflow: hidden; width: 0; }.dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child), .dataviews-view-list div[role=article]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) { flex-basis: min-content; width: auto; overflow: unset; }@media (hover: none) { .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child), .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) { flex-basis: min-content; width: auto; overflow: unset; } }.dataviews-view-list div[role=row].is-selected.is-selected, .dataviews-view-list div[role=article].is-selected.is-selected { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article], .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within, .dataviews-view-list div[role=article]:not(.is-selected):hover, .dataviews-view-list div[role=article]:not(.is-selected).is-hovered, .dataviews-view-list div[role=article]:not(.is-selected):focus-within { color: var(--wp-admin-theme-color); background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=article], .dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=row], .dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=article], .dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=row], .dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=article], .dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=row], .dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=article] { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field, .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-title-field, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-title-field, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__field, .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-title-field, .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__field, .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-title-field, .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field, .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field, .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field { color: var(--wp-admin-theme-color); }.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper, .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper, .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper, .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); color: #1e1e1e; }.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field, .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field, .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field, .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field, .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field, .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field, .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field, .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field { color: #1e1e1e; }.dataviews-view-list .dataviews-view-list__item { position: absolute; z-index: 1; inset: 0; scroll-margin: 8px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0; cursor: var(--wpds-cursor-control, pointer); }.dataviews-view-list .dataviews-view-list__item:focus-visible { outline: none; }.dataviews-view-list .dataviews-view-list__item:focus-visible::before { position: absolute; content: ""; inset: var(--wp-admin-border-width-focus); box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 2px; outline: 2px solid transparent; }.dataviews-view-list .dataviews-view-list__title-field { flex: 1; min-height: 24px; line-height: 24px; overflow: hidden; }.dataviews-view-list .dataviews-view-list__title-field:has(a, button) { z-index: 1; }.dataviews-view-list .dataviews-view-list__media-wrapper { width: 52px; height: 52px; overflow: hidden; position: relative; flex-shrink: 0; background-color: #fff; border-radius: 4px; }.dataviews-view-list .dataviews-view-list__media-wrapper img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }.dataviews-view-list .dataviews-view-list__media-wrapper::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 4px; }.dataviews-view-list .dataviews-view-list__field-wrapper { flex-grow: 1; min-width: 0; }.dataviews-view-list .dataviews-view-list__field { color: #757575; }.dataviews-view-list .dataviews-view-list__fields { display: flex; gap: 12px; row-gap: 4px; flex-wrap: wrap; font-size: 12px; }.dataviews-view-list .dataviews-view-list__fields:empty { display: none; }.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) { display: none; }.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value { min-height: 24px; line-height: 20px; display: flex; align-items: center; }.dataviews-view-list + .dataviews-pagination { justify-content: space-between; }.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__item-wrapper { padding: 8px 24px; }.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field { min-height: 16px; line-height: 16px; }.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper { width: 32px; height: 32px; }.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields { gap: 8px; row-gap: 4px; }.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value { min-height: 16px; line-height: 16px; }.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper { padding: 24px 24px; }.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field { min-height: 32px; line-height: 32px; }.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper { width: 64px; height: 64px; }.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields { gap: 16px; row-gap: 8px; }.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value { min-height: 32px; line-height: 24px; }.dataviews-view-list.is-refreshing { opacity: 0.5; pointer-events: none; }@media not (prefers-reduced-motion) { .dataviews-view-list.is-refreshing { opacity: 1; animation: dataviews-pulse 1s ease-in-out infinite; } }.dataviews-view-list__group-header { font-size: 15px; font-weight: 499; color: #1e1e1e; margin: 0 0 8px 0; padding: 0 24px; }.dataviews-view-table { width: 100%; text-indent: 0; border-color: inherit; border-collapse: collapse; position: relative; color: #757575; margin-bottom: auto; background-color: inherit; }.dataviews-view-table th { text-align: left; color: #1e1e1e; font-weight: normal; font-size: 13px; }.dataviews-view-table td, .dataviews-view-table th { padding: 12px; }.dataviews-view-table td.dataviews-view-table__actions-column, .dataviews-view-table th.dataviews-view-table__actions-column { text-align: right; }.dataviews-view-table td.dataviews-view-table__actions-column--sticky, .dataviews-view-table th.dataviews-view-table__actions-column--sticky { position: sticky; right: 0; background-color: var(--wp-dataviews-color-background, #fff); }.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after, .dataviews-view-table th.dataviews-view-table__actions-column--stuck::after { display: block; content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #f0f0f0; }.dataviews-view-table td.dataviews-view-table__checkbox-column, .dataviews-view-table th.dataviews-view-table__checkbox-column { padding-right: 0; }.dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper, .dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper { max-width: auto; min-width: auto; }.dataviews-view-table tr { border-top: 1px solid #f0f0f0; background-color: inherit; }.dataviews-view-table tr td:first-child, .dataviews-view-table tr th:first-child { padding-left: 24px; }.dataviews-view-table tr td:last-child, .dataviews-view-table tr th:last-child { padding-right: 24px; }.dataviews-view-table tr:last-child { border-bottom: 0; }.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { opacity: 0; }@media (hover: none) { .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { opacity: 1; } }.dataviews-view-table tr.is-selected { background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff); color: #757575; }.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky { background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff); }.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { opacity: 1; }.dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr:hover .dataviews-view-table__actions-column--sticky { background-color: var(--wp-dataviews-color-background, #fff); }.dataviews-view-table.has-bulk-actions tr.is-selected .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr.is-selected:hover .dataviews-view-table__actions-column--sticky { background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff); }.dataviews-view-table thead { position: sticky; inset-block-start: 0; z-index: 1; background-color: inherit; }.dataviews-view-table thead.dataviews-view-table__thead--stuck::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #f0f0f0; }.dataviews-view-table thead tr { border: 0; }.dataviews-view-table thead th { background-color: inherit; padding-top: 8px; padding-bottom: 8px; font-size: 11px; text-transform: uppercase; font-weight: 499; }.dataviews-view-table thead th:has(.dataviews-view-table-header-button) { padding-left: 4px; padding-right: 4px; }.dataviews-view-table thead th:has(.dataviews-view-table-header-button) .dataviews-view-table-header-button { gap: 4px; }.dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child { padding-left: 16px; }.dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child { padding-right: 16px; }.dataviews-view-table tbody td { vertical-align: top; }.dataviews-view-table tbody td.dataviews-view-table__hierarchy-column { padding-right: 4px; }.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper { min-height: 32px; display: flex; align-items: center; white-space: nowrap; }.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end { justify-content: flex-end; font-variant-numeric: tabular-nums; }.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center { justify-content: center; }.dataviews-view-table tbody .dataviews-view-table__hierarchy-cell { min-width: auto; max-width: none; }.dataviews-view-table tbody .dataviews-view-table__hierarchy-cell, .dataviews-view-table tbody .dataviews-view-table__checkbox-column > .dataviews-view-table__cell-content-wrapper, .dataviews-view-table tbody .dataviews-view-table__primary-column { transform: translateX(calc(var(--wp-dataviews-table-hierarchy-level, 0) * 36px)); }.dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) { min-height: 0; }.dataviews-view-table .dataviews-view-table-header-button { padding: 4px 8px; font-size: 11px; text-transform: uppercase; font-weight: 499; }.dataviews-view-table .dataviews-view-table-header-button:not(:hover) { color: #1e1e1e; }.dataviews-view-table .dataviews-view-table-header-button span { speak: none; }.dataviews-view-table .dataviews-view-table-header-button span:empty { display: none; }.dataviews-view-table .dataviews-view-table-header { padding-left: 4px; }.dataviews-view-table .dataviews-view-table__actions-column { width: auto; white-space: nowrap; }.dataviews-view-table .dataviews-view-table__hierarchy-toggle.components-button.has-icon { min-width: 24px; }.dataviews-view-table .dataviews-view-table__hierarchy-toggle-placeholder { display: block; width: 24px; height: 24px; flex-shrink: 0; }.dataviews-view-table .dataviews-view-table__hierarchy-badge { margin-left: 8px; }.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) { padding-left: 0; }.dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:last-child) { padding-right: 0; }.dataviews-view-table.has-compact-density td, .dataviews-view-table.has-compact-density th { padding: 4px 8px; }.dataviews-view-table.has-comfortable-density td, .dataviews-view-table.has-comfortable-density th { padding: 16px 12px; }.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column, .dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column { padding-right: 0; }.dataviews-view-table-selection-checkbox { --checkbox-input-size: 24px; }@media (min-width: 600px) { .dataviews-view-table-selection-checkbox { --checkbox-input-size: 16px; } }.dataviews-column-primary__media { max-width: 60px; min-width: 32px; min-height: 32px; overflow: hidden; position: relative; flex-shrink: 0; background-color: #fff; border-radius: 4px; }.dataviews-column-primary__media img { width: 32px; height: 32px; -o-object-fit: cover; object-fit: cover; }.dataviews-column-primary__media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 4px; }.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media), .dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) { min-width: 15ch; max-width: 80ch; }.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell { font-weight: 499; padding: 12px 24px; color: #1e1e1e; }/* Column width intents via colgroup: make non-primary columns shrink-to-fit */.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data):not(.dataviews-view-table__col-expand) { width: 1%; }.dataviews-view-table.is-refreshing { opacity: 0.5; pointer-events: none; }@media not (prefers-reduced-motion) { .dataviews-view-table.is-refreshing { opacity: 1; animation: dataviews-pulse 1s ease-in-out infinite; } }.dataviews-view-picker-grid.has-compact-density .dataviews-view-grid-items { gap: 16px; }.dataviews-view-picker-grid.has-comfortable-density .dataviews-view-grid-items { gap: 32px; }.dataviews-view-picker-grid .dataviews-view-picker-grid__card { height: 100%; justify-content: flex-start; position: relative; }.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions { padding: 8px 0 4px; }.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field { min-height: 24px; overflow: hidden; align-content: center; text-align: start; }.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable { width: -moz-fit-content; width: fit-content; }.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value { color: #1e1e1e; }.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after, .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); }.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after { box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); }.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); }.dataviews-view-picker-grid:focus-visible[aria-activedescendant] { outline: none; }.dataviews-view-picker-grid:focus-visible [data-active-item=true] { outline: 2px solid var(--wp-admin-theme-color); }.dataviews-view-picker-grid .dataviews-selection-checkbox { top: 8px !important; }.dataviews-view-picker-grid .dataviews-selection-checkbox input { pointer-events: none; }.dataviews-view-picker-grid .dataviews-view-picker-grid__media { width: 100%; aspect-ratio: 1/1; min-height: 0; background-color: #fff; border-radius: 4px; position: relative; }.dataviews-view-picker-grid .dataviews-view-picker-grid__media img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }.dataviews-view-picker-grid .dataviews-view-picker-grid__media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 4px; pointer-events: none; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields { position: relative; font-size: 12px; line-height: 16px; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) { padding: 0 0 12px; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) { min-height: 24px; line-height: 20px; padding-top: 2px; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field { min-height: 24px; align-items: center; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name { width: 35%; color: #757575; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value { width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) { display: none; }.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) { padding-bottom: 12px; }.dataviews-view-picker-grid__field-value:empty, .dataviews-view-picker-grid__field:empty { display: none; }.dataviews-view-picker-grid__card .dataviews-selection-checkbox { position: absolute; top: -9999em; left: 8px; z-index: 1; }@media (hover: none) { .dataviews-view-picker-grid__card .dataviews-selection-checkbox { top: 8px; } }.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox, .dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox, .dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox { top: 8px; }.dataviews-view-picker-grid__media--clickable { cursor: var(--wpds-cursor-control, pointer); }.dataviews-view-picker-grid-group__header { font-size: 15px; font-weight: 499; color: #1e1e1e; margin: 0 0 8px 0; padding: 0 48px; }.dataviews-view-picker-table { background-color: inherit; }.dataviews-view-picker-table .dataviews-view-table__checkbox-column { width: 48px; }.dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] { outline: none; }.dataviews-view-picker-table tbody:focus-visible [data-active-item=true] { outline: 2px solid var(--wp-admin-theme-color); }.dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input { pointer-events: none; opacity: 1; }.dataviews-view-picker-table .dataviews-view-table__row { cursor: var(--wpds-cursor-control, pointer); }.dataviews-view-picker-table .dataviews-view-table__row.is-selected { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); }.dataviews-view-picker-table .dataviews-view-table__row.is-hovered { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); }.dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.12); }.dataviews-view-activity { margin: 0 0 auto; padding: 0 24px; }.dataviews-view-activity .dataviews-view-activity__group-header { font-size: 15px; font-weight: 499; color: #949494; margin: 0 0 8px 0; padding: 0; }.dataviews-view-activity .dataviews-view-activity__item-actions { min-width: 24px; }.dataviews-view-activity .dataviews-view-activity__item-content { flex-grow: 1; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title, .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description, .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields { min-height: 16px; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title { position: relative; display: flex; align-items: center; flex: 1; overflow: hidden; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable { cursor: var(--wpds-cursor-control, pointer); }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible { outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); outline-offset: var(--wp-admin-border-width-focus); border-radius: 2px; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions { display: flex; width: -moz-max-content; width: max-content; flex: 0 0 auto; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions .components-button { position: relative; z-index: 1; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields { color: #757575; display: flex; gap: 12px; row-gap: 4px; flex-wrap: wrap; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields:empty { display: none; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field:has(.dataviews-view-activity__item-field-value:empty) { display: none; }.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields .dataviews-view-activity__item-field-value { display: flex; align-items: center; }.dataviews-view-activity .dataviews-view-activity__item-type { align-self: stretch; flex-shrink: 0; }.dataviews-view-activity .dataviews-view-activity__item-type::after { content: ""; flex: 1 1 auto; width: 1px; margin: 0 auto; background-color: #ddd; }.dataviews-view-activity .dataviews-view-activity__item-type::before { content: ""; flex: 0 0 auto; width: 1px; margin: 0 auto; background-color: #ddd; }.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type { width: 12px; }.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before { height: 12px; }.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon { width: 11px; height: 11px; }.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content { margin: 12px 0; }.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type { width: 24px; }.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before { height: 12px; }.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon { width: 25px; height: 25px; }.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content { margin: 12px 0; padding-top: 8px; }.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type { width: 32px; }.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before { height: 8px; }.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon { width: 33px; height: 33px; }.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content { margin: 8px 0 16px; padding-top: 12px; }.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet { width: 9px; height: 9px; position: relative; top: 50%; transform: translateY(-50%); }.dataviews-view-activity .dataviews-view-activity__item:first-child .dataviews-view-activity__item-type::before { visibility: hidden; }.dataviews-view-activity .dataviews-view-activity__group:last-of-type > .dataviews-view-activity__item:last-of-type .dataviews-view-activity__item-type::after, .dataviews-view-activity > .dataviews-view-activity__item:last-child .dataviews-view-activity__item-type::after { background: linear-gradient(to bottom, #ddd 0%, rgba(221, 221, 221, 0.2) 60%, rgba(221, 221, 221, 0) 100%); }.dataviews-view-activity .dataviews-view-activity__item-type-icon { overflow: hidden; flex-shrink: 0; background-color: #fff; }.dataviews-view-activity .dataviews-view-activity__item-type-icon img, .dataviews-view-activity .dataviews-view-activity__item-type-icon svg, .dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet { display: block; width: 100%; height: 100%; margin: 0 auto; -o-object-fit: cover; object-fit: cover; border-radius: 50%; box-sizing: border-box; box-shadow: inset 0 0 0 1px #ddd; }.dataviews-view-activity .dataviews-view-activity__item-type-icon svg { padding: 4px; }.dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet { content: ""; background-color: #ddd; }.dataviews-view-activity.is-refreshing { opacity: 0.5; pointer-events: none; }@media not (prefers-reduced-motion) { .dataviews-view-activity.is-refreshing { opacity: 1; animation: dataviews-pulse 1s ease-in-out infinite; } }.dataviews-view-activity + .dataviews-pagination { justify-content: space-between; }.dataviews-picker-footer__bulk-selection { align-self: flex-start; height: 32px; }.dataviews-picker-footer__actions { align-self: flex-end; }.dataviews-controls__datetime { border: none; padding: 0; }.dataviews-controls__relative-date-number, .dataviews-controls__relative-date-unit { flex: 1 1 50%; }.dataviews-controls__date input[type=date]::-webkit-inner-spin-button, .dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }.dataviews-controls__date-range-inputs > * { min-width: 0; }.dataviews-controls__color-picker-dropdown { display: flex; }.dataviews-controls__date-preset { border: 1px solid #ddd; }.dataviews-controls__date-preset:active { background-color: #000; }.dataforms-layouts-panel__field-trigger { position: relative; color: inherit; display: flex; width: 100%; min-height: 24px; cursor: var(--wpds-cursor-control, pointer); align-items: flex-start; border-radius: 2px; isolation: isolate; }.dataforms-layouts-panel__field-trigger--label-side { flex-direction: row; gap: var(--wpds-dimension-gap-md, 12px); }.dataforms-layouts-panel__field-trigger--label-top { display: grid; grid-template-columns: 1fr auto; }.dataforms-layouts-panel__field-trigger--label-none { align-items: center; }.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover { color: var(--wp-admin-theme-color); }.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon { opacity: 1; }.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label { color: var(--wp-admin-theme-color); }.dataforms-layouts-panel__field-trigger.is-disabled { cursor: default; }.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control { color: #757575; font-weight: var(--wpds-typography-font-weight-regular, 400); }.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon { opacity: 1; fill: currentColor; }.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:hover, .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:focus-visible { fill: var(--wp-admin-theme-color); }.dataforms-layouts-panel__field-trigger-icon { padding: 0; color: var(--wp-admin-theme-color); flex: 0 0 auto; opacity: 0; border-radius: var(--wpds-border-radius-xs, 1px); }.dataforms-layouts-panel__field-trigger-icon:focus-visible { opacity: 1; outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wp-admin-theme-color); }.dataforms-layouts-panel__field-dropdown-anchor { width: 100%; }.dataforms-layouts-panel__field-dropdown-anchor .components-dropdown { width: 100%; }.dataforms-layouts-panel__field-label { width: 38%; flex-shrink: 0; min-height: 24px; display: flex; align-items: center; line-height: 20px; hyphens: auto; color: #757575; }.dataforms-layouts-panel__field-label .components-base-control__label { display: inline; margin-bottom: 0; line-height: inherit; }.dataforms-layouts-panel__field-label.has-error { color: #cc1818; }.dataforms-layouts-panel__field-label-error-content { position: relative; z-index: 1; cursor: help; fill: #cc1818; display: inline-flex; flex-direction: row; align-items: center; gap: 4px; }.dataforms-layouts-panel__field-label-error-content svg { fill: currentColor; }.dataforms-layouts-panel__field-control { flex-grow: 1; min-width: 0; min-height: 24px; line-height: var(--wpds-typography-line-height-md, 24px); display: flex; align-items: center; overflow: hidden; word-break: break-word; font-weight: var(--wpds-typography-font-weight-medium, 499); }.dataforms-layouts-panel__field-control > * { min-width: 0; }.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label { width: 100%; }.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-control { grid-column: 1/-1; }.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-trigger-icon { grid-row: 1; grid-column: 2; }.dataforms-layouts-panel__field-dropdown .components-popover__content { min-width: 256px; padding: 16px; }.dataforms-layouts-panel__dropdown-header { margin-bottom: 16px; }.dataforms-layouts-panel__modal-footer { margin-top: 16px; }.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown { z-index: 159990; }.dataforms-layouts-regular__field { width: 100%; min-height: 32px; justify-content: flex-start !important; align-items: flex-start !important; }.dataforms-layouts-regular__field .components-base-control__label, .dataforms-layouts-regular__field .components-input-control__label, .dataforms-layouts-regular__field .components-form-token-field__label { color: #1e1e1e; }.dataforms-layouts-regular__field-label { width: 38%; flex-shrink: 0; min-height: 32px; display: flex; align-items: center; line-height: 20px; hyphens: auto; }.dataforms-layouts-regular__field-label--label-position-side { align-self: center; }.dataforms-layouts-regular__field-label .components-base-control__label { margin-bottom: 0; }.dataforms-layouts-regular__field-control { flex-grow: 1; min-height: 32px; display: flex; align-items: center; }.dataforms-layouts-card__field { width: 100%; }.dataforms-layouts-card__field-header-content { min-height: 24px; }.dataforms-layouts-card__field-header-content-description { display: contents; }.dataforms-layouts-card__field-description { color: #757575; display: block; font-size: 13px; margin-bottom: 16px; }.dataforms-layouts-card__field-summary { display: flex; flex-direction: row; gap: 16px; align-items: center; }.dataforms-layouts-details__summary-content { display: inline-flex; min-height: 24px; }.dataforms-layouts-details__content { padding-top: 12px; }.dataforms-layouts-row__field-control { width: 100%; }.dataforms-layouts__wrapper { font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 400; font-size: 13px; line-height: 20px; }.admin-ui-page { display: flex; height: 100%; background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc); color: var(--wpds-color-fg-content-neutral, #1e1e1e); position: relative; z-index: 1; flex-flow: column; text-wrap: pretty; }.admin-ui-page__header { padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px); border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4); background: var(--wpds-color-bg-surface-neutral-strong, #ffffff); position: sticky; top: 0; z-index: 1; }.admin-ui-page__header-title { font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif); font-size: var(--wpds-typography-font-size-lg, 15px); font-weight: var(--wpds-typography-font-weight-medium, 499); line-height: var(--wpds-typography-line-height-lg, 28px); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.admin-ui-page__sidebar-toggle-slot:empty { display: none; }.admin-ui-page__header-subtitle { padding-block-end: var(--wpds-dimension-padding-xs, 4px); color: var(--wpds-color-fg-content-neutral-weak, #707070); font-size: var(--wpds-typography-font-size-md, 13px); line-height: var(--wpds-typography-line-height-md, 24px); margin: 0; }.admin-ui-page__content { flex-grow: 1; overflow: auto; display: flex; flex-direction: column; }.admin-ui-page__content.has-padding { padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px); }.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon { width: auto; padding: 0 var(--wpds-dimension-padding-xs, 4px); }.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg { display: none; }.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after { content: attr(aria-label); font-size: var(--wpds-typography-font-size-sm, 12px); }/** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. *//** * Colors *//** * Fonts & basic variables. *//** * Typography *//** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ *//** * Radius scale. *//** * Elevation scale. *//** * Dimensions. *//** * Mobile specific styles *//** * Editor styles. *//** * Block & Editor UI. *//** * Block paddings. *//** * React Native specific. * These variables do not appear to be used anywhere else. */.admin-ui-breadcrumbs__list { font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif); font-size: var(--wpds-typography-font-size-lg, 15px); font-weight: var(--wpds-typography-font-weight-medium, 499); line-height: var(--wpds-typography-line-height-lg, 28px); list-style: none; padding: 0; margin: 0; gap: 0; min-height: 32px; }.admin-ui-breadcrumbs__list li:not(:last-child)::after { content: "/"; margin: 0 8px; }.admin-ui-breadcrumbs__list h1 { font-size: inherit; line-height: inherit; }:root{--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color);--wp-editor-canvas-background: #ddd;--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}@media(min-resolution: 192dpi){:root{--wp-admin-border-width-focus: 1.5px}}.product_page_woocommerce-products-dashboard{background-color:unset}.product_page_woocommerce-products-dashboard #wpcontent{padding:0}.product_page_woocommerce-products-dashboard #wpbody-content{padding-bottom:0}.product_page_woocommerce-products-dashboard #wpfooter{display:none}.product_page_woocommerce-products-dashboard,#woocommerce-variations-classic-root,.woocommerce-product-edit__drawer-portal{--wp-ui-drawer-z-index: 100000;--wp-ui-select-z-index: 100001}.product_page_woocommerce-products-dashboard .woocommerce-grouped-products-edit__chip-thumbnail,#woocommerce-variations-classic-root .woocommerce-grouped-products-edit__chip-thumbnail,.woocommerce-product-edit__drawer-portal .woocommerce-grouped-products-edit__chip-thumbnail{width:19px;height:19px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-left:1px}.product_page_woocommerce-products-dashboard .woocommerce-grouped-products-edit__chip-thumbnail--empty,#woocommerce-variations-classic-root .woocommerce-grouped-products-edit__chip-thumbnail--empty,.woocommerce-product-edit__drawer-portal .woocommerce-grouped-products-edit__chip-thumbnail--empty{background-color:var(--wp-components-color-gray-100)}.product_page_woocommerce-products-dashboard .woocommerce-grouped-products-edit__option,#woocommerce-variations-classic-root .woocommerce-grouped-products-edit__option,.woocommerce-product-edit__drawer-portal .woocommerce-grouped-products-edit__option{display:flex;align-items:center;gap:12px;width:100%;font-weight:var(--wpds-typography-font-weight-regular, 400)}.product_page_woocommerce-products-dashboard .woocommerce-grouped-products-edit__option-indicator,#woocommerce-variations-classic-root .woocommerce-grouped-products-edit__option-indicator,.woocommerce-product-edit__drawer-portal .woocommerce-grouped-products-edit__option-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;color:var(--wp-components-color-foreground, #1e1e1e)}.product_page_woocommerce-products-dashboard .woocommerce-grouped-products-edit__option-thumbnail,#woocommerce-variations-classic-root .woocommerce-grouped-products-edit__option-thumbnail,.woocommerce-product-edit__drawer-portal .woocommerce-grouped-products-edit__option-thumbnail{width:32px;height:32px;flex-shrink:0;border-radius:4px;-o-object-fit:cover;object-fit:cover;background-color:var(--wp-components-color-gray-100)}.product_page_woocommerce-products-dashboard .woocommerce-grouped-products-edit__option-label,#woocommerce-variations-classic-root .woocommerce-grouped-products-edit__option-label,.woocommerce-product-edit__drawer-portal .woocommerce-grouped-products-edit__option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product_page_woocommerce-products-dashboard .woocommerce-list-item,#woocommerce-variations-classic-root .woocommerce-list-item,.woocommerce-product-edit__drawer-portal .woocommerce-list-item{padding:12px 0;border-bottom:1px solid #e0e0e0;width:100%}.product_page_woocommerce-products-dashboard .woocommerce-list-item:last-of-type,#woocommerce-variations-classic-root .woocommerce-list-item:last-of-type,.woocommerce-product-edit__drawer-portal .woocommerce-list-item:last-of-type{border-bottom:none}.product_page_woocommerce-products-dashboard .woocommerce-list-item__thumbnail,#woocommerce-variations-classic-root .woocommerce-list-item__thumbnail,.woocommerce-product-edit__drawer-portal .woocommerce-list-item__thumbnail{width:48px;height:48px;border-radius:4px;flex-shrink:0}.product_page_woocommerce-products-dashboard .woocommerce-list-item__thumbnail-image,#woocommerce-variations-classic-root .woocommerce-list-item__thumbnail-image,.woocommerce-product-edit__drawer-portal .woocommerce-list-item__thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.product_page_woocommerce-products-dashboard .woocommerce-list-item__info,#woocommerce-variations-classic-root .woocommerce-list-item__info,.woocommerce-product-edit__drawer-portal .woocommerce-list-item__info{flex:1;min-width:0}.product_page_woocommerce-products-dashboard .woocommerce-list-item__title,#woocommerce-variations-classic-root .woocommerce-list-item__title,.woocommerce-product-edit__drawer-portal .woocommerce-list-item__title{font-size:14px;font-weight:500;color:#1e1e1e}.product_page_woocommerce-products-dashboard .woocommerce-list-item__meta,#woocommerce-variations-classic-root .woocommerce-list-item__meta,.woocommerce-product-edit__drawer-portal .woocommerce-list-item__meta{font-size:12px;color:#757575;font-weight:500}.product_page_woocommerce-products-dashboard .woocommerce-list-item__remove-button,#woocommerce-variations-classic-root .woocommerce-list-item__remove-button,.woocommerce-product-edit__drawer-portal .woocommerce-list-item__remove-button{color:#757575;padding:8px;min-width:auto}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select{box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-height:40px;border:1px solid #949494;border-radius:2px;background:#fff;color:#1e1e1e;font-size:13px;line-height:1.4}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select:focus-within,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select:focus-within,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select:focus-within{border-color:var(--wp-admin-theme-color, #3858e9);box-shadow:0 0 0 1px var(--wp-admin-theme-color, #3858e9);outline:2px solid rgba(0,0,0,0)}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select--is-disabled,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select--is-disabled,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select--is-disabled{background:#f6f7f7;color:#757575}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chips-edit-area,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chips-edit-area,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chips-edit-area{display:flex;gap:8px;align-items:flex-start;padding:8px 8px 0}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chips-list,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chips-list,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chips-list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:4px}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chip,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chip,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chip{box-sizing:border-box;display:inline-flex;align-items:center;overflow:hidden;min-height:24px;border:1px solid #c3c4c7;border-radius:12px;background:#f6f7f7;color:#1e1e1e}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chip--is-placeholder,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chip--is-placeholder,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chip--is-placeholder{background:#fff;color:#757575}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chip-prefix,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chip-prefix,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chip-prefix{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-inline-start:1px;overflow:hidden;border-radius:50%}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chip-content,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chip-content,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chip-content{padding:2px 8px 2px 8px}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chip-remove,.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__clear,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chip-remove,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__clear,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chip-remove,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__clear{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:2px;background:rgba(0,0,0,0);color:inherit;cursor:pointer}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__chip-remove:hover,.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__clear:hover,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__chip-remove:hover,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__clear:hover,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__chip-remove:hover,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__clear:hover{background:#e0e0e0}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__input,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__input,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__input{box-sizing:border-box;width:100%;min-height:38px;padding:8px;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;outline:none}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__input:focus,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__input:focus,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__input:focus{border:0;box-shadow:none;outline:none}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__positioner,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__positioner,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__positioner{z-index:100000}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__popup,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__popup,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__popup{box-sizing:border-box;width:var(--anchor-width);max-height:min(var(--available-height),320px);overflow:auto;border:1px solid #c3c4c7;border-radius:2px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__list,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__list,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__list{margin:0;padding:4px 0}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__item,.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__empty,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__item,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__empty,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__item,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__empty{box-sizing:border-box;padding:8px 12px}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__item,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__item,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__item{cursor:default}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__item[data-highlighted],#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__item[data-highlighted],.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__item[data-highlighted]{background:var(--wp-admin-theme-color, #3858e9);color:#fff}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__item[data-selected],#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__item[data-selected],.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__item[data-selected]{font-weight:600}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__item[data-disabled],#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__item[data-disabled],.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__item[data-disabled]{color:#757575}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__item--is-creatable,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__item--is-creatable,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__item--is-creatable{border-top:1px solid #e0e0e0}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__empty,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__empty,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__empty{color:#757575}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__label,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__label,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__label{margin-bottom:8px;font-size:var(--wpds-typography-font-size-xs, 11px);font-weight:var(--wpds-typography-font-weight-medium, 499);line-height:var(--wpds-typography-line-height-xs, 16px);text-transform:uppercase;color:var(--wpds-color-fg-content-neutral, #1e1e1e)}.product_page_woocommerce-products-dashboard .woocommerce-searchable-chip-select__description,#woocommerce-variations-classic-root .woocommerce-searchable-chip-select__description,.woocommerce-product-edit__drawer-portal .woocommerce-searchable-chip-select__description{margin-top:4px;color:#757575;font-size:12px}.product_page_woocommerce-products-dashboard .woocommerce-next-taxonomy-edit__chip-thumbnail,#woocommerce-variations-classic-root .woocommerce-next-taxonomy-edit__chip-thumbnail,.woocommerce-product-edit__drawer-portal .woocommerce-next-taxonomy-edit__chip-thumbnail{width:19px;height:19px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-left:1px}.product_page_woocommerce-products-dashboard .woocommerce-next-taxonomy-edit__chip-thumbnail--empty,#woocommerce-variations-classic-root .woocommerce-next-taxonomy-edit__chip-thumbnail--empty,.woocommerce-product-edit__drawer-portal .woocommerce-next-taxonomy-edit__chip-thumbnail--empty{background-color:var(--wp-components-color-gray-100)}.product_page_woocommerce-products-dashboard .woocommerce-next-taxonomy-edit__option,#woocommerce-variations-classic-root .woocommerce-next-taxonomy-edit__option,.woocommerce-product-edit__drawer-portal .woocommerce-next-taxonomy-edit__option{width:100%}.product_page_woocommerce-products-dashboard .woocommerce-next-taxonomy-edit__option-thumbnail,#woocommerce-variations-classic-root .woocommerce-next-taxonomy-edit__option-thumbnail,.woocommerce-product-edit__drawer-portal .woocommerce-next-taxonomy-edit__option-thumbnail{width:32px;height:32px;flex-shrink:0;border-radius:4px;-o-object-fit:cover;object-fit:cover;background-color:var(--wp-components-color-gray-100)}.product_page_woocommerce-products-dashboard .woocommerce-fields-field__downloadable button.woocommerce-fields-field__downloadable-upload-button.components-button,#woocommerce-variations-classic-root .woocommerce-fields-field__downloadable button.woocommerce-fields-field__downloadable-upload-button.components-button,.woocommerce-product-edit__drawer-portal .woocommerce-fields-field__downloadable button.woocommerce-fields-field__downloadable-upload-button.components-button{color:#3858e9;box-shadow:none}.product_page_woocommerce-products-dashboard .woocommerce-fields-control__images-fieldset,#woocommerce-variations-classic-root .woocommerce-fields-control__images-fieldset,.woocommerce-product-edit__drawer-portal .woocommerce-fields-control__images-fieldset{gap:8px}.product_page_woocommerce-products-dashboard .woocommerce-fields-control__featured-image,#woocommerce-variations-classic-root .woocommerce-fields-control__featured-image,.woocommerce-product-edit__drawer-portal .woocommerce-fields-control__featured-image{display:grid;gap:8px;grid-template-columns:repeat(auto-fill, 72px);grid-auto-rows:72px}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__featured-image-uploaded-images,#woocommerce-variations-classic-root .woocommerce-fields-controls__featured-image-uploaded-images,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__featured-image-uploaded-images{display:contents}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper{position:relative;width:72px;height:72px;border-radius:var(--wpds-border-radius-lg);display:flex;box-sizing:border-box;transform-origin:0 0;touch-action:manipulation}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:has(.woocommerce-fields-controls__image-drag-handle-container),#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:has(.woocommerce-fields-controls__image-drag-handle-container),.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:has(.woocommerce-fields-controls__image-drag-handle-container){cursor:grab}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:has(.woocommerce-fields-controls__image-drag-handle-container):active,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:has(.woocommerce-fields-controls__image-drag-handle-container):active,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:has(.woocommerce-fields-controls__image-drag-handle-container):active{cursor:grabbing}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper.is-dragging,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper.is-dragging,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper.is-dragging{transform-origin:50% 50%}.is-keyboard-dragging .product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper.is-dragging,.is-keyboard-dragging #woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper.is-dragging,.is-keyboard-dragging .woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper.is-dragging{transform-origin:0 0}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper.is-dragging .woocommerce-fields-controls__image-drag-handle-container,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper.is-dragging .woocommerce-fields-controls__image-drag-handle-container,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper.is-dragging .woocommerce-fields-controls__image-drag-handle-container{opacity:1;z-index:2}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper.is-dragging .woocommerce-fields-controls__image-overlay,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper.is-dragging .woocommerce-fields-controls__image-overlay,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper.is-dragging .woocommerce-fields-controls__image-overlay{opacity:1;background-color:rgba(0,0,0,.5)}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-overlay,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-overlay,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);border-radius:var(--wpds-border-radius-lg);z-index:1;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-drag-handle-container,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-drag-handle-container,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-drag-handle-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;z-index:1}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-drag-handle,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-drag-handle,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-drag-handle{cursor:grab;color:#fff;border-radius:3px;background:rgba(0,0,0,0)}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-drag-handle svg,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-drag-handle svg,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-drag-handle svg{fill:#fff}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-drag-handle:active,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-drag-handle:active,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-drag-handle:active{cursor:grabbing}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-drag-handle:hover,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-drag-handle:hover,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-drag-handle:hover{border:none}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-remove-button,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-remove-button,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-remove-button{position:absolute;top:calc(var(--wpds-dimension-base));right:calc(var(--wpds-dimension-base));border-radius:50%;border:1px solid var(--wpds-color-stroke-interactive-neutral);background-color:var(--wpds-color-bg-surface-neutral-strong);overflow:hidden;width:24px;height:24px;opacity:0;transition:opacity .2s ease-in-out;z-index:2}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-drag-handle-container,.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-remove-button,.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-drag-handle-container,.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-remove-button,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-drag-handle-container,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-remove-button,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-drag-handle-container,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-remove-button,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-drag-handle-container,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-remove-button,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-drag-handle-container,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-remove-button{opacity:1}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-overlay,.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-overlay,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-overlay,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-overlay,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:hover .woocommerce-fields-controls__image-overlay,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper:focus-within .woocommerce-fields-controls__image-overlay{opacity:1}.product_page_woocommerce-products-dashboard .woocommerce-fields-controls__image-wrapper img,#woocommerce-variations-classic-root .woocommerce-fields-controls__image-wrapper img,.woocommerce-product-edit__drawer-portal .woocommerce-fields-controls__image-wrapper img{position:relative;-o-object-fit:cover;object-fit:cover;border-radius:var(--wpds-border-radius-lg);width:100%;height:100%;pointer-events:none;-webkit-user-drag:none;user-drag:none}.product_page_woocommerce-products-dashboard .woocommerce-fields-control__featured-image-actions,#woocommerce-variations-classic-root .woocommerce-fields-control__featured-image-actions,.woocommerce-product-edit__drawer-portal .woocommerce-fields-control__featured-image-actions{width:72px;height:72px;border:1px dashed var(--wpds-color-stroke-interactive-neutral);border-radius:var(--wpds-border-radius-lg)}.product_page_woocommerce-products-dashboard .woocommerce-fields-control__featured-image-actions button,#woocommerce-variations-classic-root .woocommerce-fields-control__featured-image-actions button,.woocommerce-product-edit__drawer-portal .woocommerce-fields-control__featured-image-actions button{width:100%;height:100%;cursor:pointer;border-radius:var(--wpds-border-radius-lg)}.product_page_woocommerce-products-dashboard .woocommerce-schedule-sale-control,#woocommerce-variations-classic-root .woocommerce-schedule-sale-control,.woocommerce-product-edit__drawer-portal .woocommerce-schedule-sale-control{display:flex;flex-direction:column;gap:12px}.product_page_woocommerce-products-dashboard .woocommerce-schedule-sale-control__dates,#woocommerce-variations-classic-root .woocommerce-schedule-sale-control__dates,.woocommerce-product-edit__drawer-portal .woocommerce-schedule-sale-control__dates{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.product_page_woocommerce-products-dashboard .woocommerce-fields-field__stock,#woocommerce-variations-classic-root .woocommerce-fields-field__stock,.woocommerce-product-edit__drawer-portal .woocommerce-fields-field__stock{display:flex;align-items:center;gap:5px}.product_page_woocommerce-products-dashboard .woocommerce-fields-field__visibility-summary .woocommerce-status-badge,#woocommerce-variations-classic-root .woocommerce-fields-field__visibility-summary .woocommerce-status-badge,.woocommerce-product-edit__drawer-portal .woocommerce-fields-field__visibility-summary .woocommerce-status-badge{background:rgba(0,0,0,0);padding-right:0}.product_page_woocommerce-products-dashboard-snackbar{position:fixed;bottom:24px;left:0;right:0;padding-inline:16px;box-sizing:border-box;display:flex;flex-direction:column;pointer-events:none;z-index:100002}.product_page_woocommerce-products-dashboard-snackbar .components-snackbar{margin-inline:auto}.woocommerce-experimental-products-app-error{box-sizing:border-box;min-height:calc(100vh - var(--wp-admin--admin-bar--height, 32px));padding:var(--wpds-dimension-padding-2xl, 24px)}.woocommerce-experimental-products-app-error__description{max-width:520px}.product_page_woocommerce-products-dashboard .edit-site-layout__content{display:flex;align-items:stretch}.product_page_woocommerce-products-dashboard .edit-site-layout__area:not(.woocommerce-product-edit-layout__region){flex:1 1 auto;min-width:0}.woocommerce-product-list{height:calc(100vh - var(--wp-admin--admin-bar--height, 32px))}.woocommerce-product-list__toolbar{margin:var(--wpds-dimension-padding-xs, 4px) calc(var(--wpds-dimension-padding-2xl, 24px)*-1) 0;padding:0 var(--wpds-dimension-padding-2xl, 24px)}.woocommerce-product-list .dataviews-wrapper{height:100%}.woocommerce-product-list-page__header{position:sticky;top:0;z-index:1;padding:var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px) 0;border-bottom:var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #ddd)}.woocommerce-product-list-page__header-title{margin:0;overflow:hidden;color:var(--wpds-color-fg-content-neutral, #1e1e1e);font-family:var(--wpds-typography-font-family-heading);font-size:var(--wpds-typography-font-size-lg, 15px);font-weight:var(--wpds-typography-font-weight-medium, 500);text-overflow:ellipsis;white-space:nowrap}.woocommerce-product-list-page__header-actions{width:auto;flex-shrink:0}.woocommerce-product-list-page__feedback-link{display:inline-flex;text-decoration:none;color:inherit}.woocommerce-product-list-page__feedback-link:hover,.woocommerce-product-list-page__feedback-link:focus-visible{text-decoration:none}.woocommerce-product-list-page__header-subtitle{margin:0;color:var(--wpds-color-fg-content-neutral-weak, #707070);font-size:var(--wpds-typography-font-size-md, 13px);line-height:var(--wpds-typography-line-height-md, 24px)}#woocommerce-products-dashboard a.dataviews-title-field{text-decoration:none}#woocommerce-products-dashboard a.dataviews-title-field:hover{text-decoration:underline}.woocommerce-product-edit{display:flex;flex-direction:column;height:100%;padding-top:var(--wpds-dimension-padding-2xl, 24px)}.woocommerce-product-edit__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px var(--wpds-dimension-padding-2xl, 24px);border-bottom:1px solid var(--wp-components-color-gray-300, #ddd)}.woocommerce-product-edit__drawer .woocommerce-product-edit__title{margin:0;font-size:20px;font-weight:500;line-height:28px;color:var(--wp-components-color-foreground, #1e1e1e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.woocommerce-product-edit__loading,.woocommerce-product-edit__empty-state{display:flex;min-height:100%;align-items:center;justify-content:center;padding:var(--wpds-dimension-padding-xl, 20px)}.woocommerce-product-edit__form{flex:1}.woocommerce-product-edit__form>.dataforms-layouts__wrapper{gap:0 !important}.woocommerce-product-edit__form .dataforms-layouts-regular__header :is(h1,h2,h3,h4,h5,h6){margin:0 !important;font-size:15px !important}.woocommerce-product-edit__form .dataforms-layouts-row__header{gap:0 !important;margin-bottom:8px}.woocommerce-product-edit__form .dataforms-layouts-row__header :is(h1,h2,h3,h4,h5,h6){margin:0 !important;color:var(--wpds-color-fg-content-neutral, #1e1e1e);font-family:var(--wpds-typography-font-family-body);font-size:11px !important;font-weight:500;line-height:1.4;text-transform:uppercase}.woocommerce-product-edit__form .dataforms-layouts-regular__header+.dataforms-layouts__wrapper{gap:16px !important;margin-top:16px}.woocommerce-product-edit__form .dataforms-layouts__wrapper+.dataforms-layouts-regular__header{margin-top:32px}.woocommerce-product-edit__footer{display:flex;justify-content:flex-end;gap:8px}.woocommerce-product-list__empty-state-description{width:-moz-max-content;width:max-content}#woocommerce-product-data .panel-wrap:has(#woocommerce-variations-classic-root),#woocommerce-product-data .panel-wrap:has(#woocommerce-product-attributes-classic-root){overflow:clip}.woocommerce-variation-attributes--has-separator{border-bottom:1px solid #f0f0f0}.woocommerce-variation-attributes__notice.components-notice{margin:32px 16px 16px;border-left-color:var(--wpds-color-stroke-surface-info-strong);background:linear-gradient(90deg, var(--wpds-color-bg-surface-info) 0%, var(--wpds-color-bg-surface-info-weak) 100%);color:var(--wpds-color-fg-content-neutral)}.woocommerce-variation-attributes__notice.components-notice a{color:var(--wpds-color-fg-interactive-brand)}.woocommerce-variation-attributes__notice.components-notice .components-notice__dismiss{color:var(--wpds-color-fg-content-neutral-weak)}.woocommerce-variation-attributes__header{padding:16px 24px}.woocommerce-variation-attributes__title{margin:0;color:var(--wpds-color-fg-content-neutral);font-size:15px;font-weight:600;line-height:20px}.woocommerce-variation-attributes__title-group{min-width:0}.woocommerce-variation-attributes__help{display:inline-flex;align-items:center;justify-content:center;color:var(--wpds-color-fg-content-neutral-weak);cursor:help;outline:none}.woocommerce-variation-attributes__help:hover,.woocommerce-variation-attributes__help:focus-visible{color:var(--wpds-color-fg-content-neutral)}.woocommerce-variation-attributes__help svg{fill:currentColor}.woocommerce-variation-attributes__body{padding:0}.woocommerce-variation-attributes__pill-list{min-width:0}.woocommerce-variation-attributes__pill{border:1px solid var(--wpds-color-stroke-surface-neutral);border-radius:8px;background:var(--wpds-color-bg-surface-neutral-strong);color:var(--wpds-color-fg-content-neutral);font-size:13px;line-height:20px}.woocommerce-variation-attributes__muted{color:var(--wpds-color-fg-content-neutral-weak)}.woocommerce-variation-attributes__global-link{display:inline-flex;align-items:center;gap:3px;color:inherit;text-decoration:none}.woocommerce-variation-attributes__global-link:hover{color:var(--wpds-color-fg-interactive-brand);text-decoration:underline}.woocommerce-variation-attributes__global-link svg{flex-shrink:0;opacity:.6}.woocommerce-variation-attributes__global-link:hover svg{opacity:1}.woocommerce-product-list__filters{padding:var(--wpds-dimension-padding-sm, 8px) var(--wpds-dimension-padding-2xl, 24px)}.woocommerce-variation-view__title{margin:0;padding:16px 24px 0;color:var(--wpds-color-fg-content-neutral);font-size:15px;font-weight:600;line-height:20px}.woocommerce-variation-view__toolbar{padding:16px 24px 24px}.woocommerce-variation-view__toolbar-search,.woocommerce-variation-view__toolbar-actions{min-width:0}.woocommerce-variation-view__filters{padding:0 24px 16px}.woocommerce-variation-view__variation-options--empty{color:var(--wpds-color-fg-content-neutral-weak)}.woocommerce-variation-view__variation-options-cell{position:relative;width:100%;min-width:0}.woocommerce-variation-view__variation-options-row{flex-wrap:nowrap;overflow:hidden;min-width:0}.woocommerce-variation-view__variation-options-measure{position:absolute;inset-block-start:0;inset-inline-start:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden;white-space:nowrap}.woocommerce-variation-name{display:inline-flex;align-items:center;gap:var(--wpds-dimension-padding-xs, 8px);min-width:0}.woocommerce-variation-name__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.woocommerce-variation-status-option{display:flex;flex-direction:column;gap:var(--wpds-dimension-padding-3xs, 2px)}.woocommerce-variation-status-option__description{color:var(--wpds-color-fg-content-neutral-weak, #757575);font-size:var(--wpds-typography-font-size-sm, 12px);line-height:var(--wpds-typography-line-height-sm, 16px)}