style.css
1977 lines
| 1 | :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}}:root{--wpds-border-radius-xs: 1px;--wpds-border-radius-sm: 2px;--wpds-border-radius-md: 4px;--wpds-border-radius-lg: 8px;--wpds-border-radius-xl: 12px;--wpds-border-width-xs: 1px;--wpds-border-width-sm: 2px;--wpds-border-width-md: 4px;--wpds-border-width-lg: 8px;--wpds-border-width-focus: 2px;--wpds-color-background-surface-neutral: #fcfcfc;--wpds-color-background-surface-neutral-strong: #fff;--wpds-color-background-surface-neutral-weak: #f4f4f4;--wpds-color-background-surface-brand: #ecf0fa;--wpds-color-background-surface-success: #c6f7cd;--wpds-color-background-surface-success-weak: #ebffed;--wpds-color-background-surface-info: #deebfa;--wpds-color-background-surface-info-weak: #f3f9ff;--wpds-color-background-surface-warning: #fde6be;--wpds-color-background-surface-warning-weak: #fff7e1;--wpds-color-background-surface-caution: #fee995;--wpds-color-background-surface-caution-weak: #fff9ca;--wpds-color-background-surface-error: #f6e6e3;--wpds-color-background-surface-error-weak: #fff6f5;--wpds-color-background-interactive-neutral-strong: #2d2d2d;--wpds-color-background-interactive-neutral-strong-active: #1e1e1e;--wpds-color-background-interactive-neutral-strong-disabled: #e6e6e6;--wpds-color-background-interactive-neutral-weak: #0000;--wpds-color-background-interactive-neutral-weak-active: #ededed;--wpds-color-background-interactive-neutral-weak-disabled: #0000;--wpds-color-background-interactive-brand-strong: #3858e9;--wpds-color-background-interactive-brand-strong-active: #2e49d9;--wpds-color-background-interactive-brand-strong-disabled: #e6e6e6;--wpds-color-background-interactive-brand-weak: #0000;--wpds-color-background-interactive-brand-weak-active: #e6eaf4;--wpds-color-background-interactive-brand-weak-disabled: #0000;--wpds-color-background-interactive-error: #0000;--wpds-color-background-interactive-error-active: #fff6f5;--wpds-color-background-interactive-error-disabled: #0000;--wpds-color-background-interactive-error-strong: #cc1818;--wpds-color-background-interactive-error-strong-active: #b90000;--wpds-color-background-interactive-error-strong-disabled: #e6e6e6;--wpds-color-background-interactive-error-weak: #0000;--wpds-color-background-interactive-error-weak-active: #f6e6e3;--wpds-color-background-interactive-error-weak-disabled: #0000;--wpds-color-background-track-neutral-weak: #f0f0f0;--wpds-color-background-track-neutral: #dbdbdb;--wpds-color-background-thumb-neutral-weak: #8d8d8d;--wpds-color-background-thumb-neutral-weak-active: #6e6e6e;--wpds-color-background-thumb-brand: #3858e9;--wpds-color-background-thumb-brand-active: #3858e9;--wpds-color-background-thumb-neutral-disabled: #dbdbdb;--wpds-color-foreground-content-neutral: #1e1e1e;--wpds-color-foreground-content-neutral-weak: #707070;--wpds-color-foreground-content-success: #002900;--wpds-color-foreground-content-success-weak: #008030;--wpds-color-foreground-content-info: #001b4f;--wpds-color-foreground-content-info-weak: #006bd7;--wpds-color-foreground-content-warning: #2e1900;--wpds-color-foreground-content-warning-weak: #926300;--wpds-color-foreground-content-caution: #281d00;--wpds-color-foreground-content-caution-weak: #826a00;--wpds-color-foreground-content-error: #470000;--wpds-color-foreground-content-error-weak: #cc1818;--wpds-color-foreground-interactive-neutral: #1e1e1e;--wpds-color-foreground-interactive-neutral-active: #1e1e1e;--wpds-color-foreground-interactive-neutral-disabled: #8d8d8d;--wpds-color-foreground-interactive-neutral-strong: #f0f0f0;--wpds-color-foreground-interactive-neutral-strong-active: #f0f0f0;--wpds-color-foreground-interactive-neutral-strong-disabled: #8d8d8d;--wpds-color-foreground-interactive-neutral-weak: #707070;--wpds-color-foreground-interactive-neutral-weak-disabled: #8d8d8d;--wpds-color-foreground-interactive-brand: #3858e9;--wpds-color-foreground-interactive-brand-active: #0b0070;--wpds-color-foreground-interactive-brand-disabled: #8d8d8d;--wpds-color-foreground-interactive-brand-strong: #eff0f2;--wpds-color-foreground-interactive-brand-strong-active: #eff0f2;--wpds-color-foreground-interactive-brand-strong-disabled: #8d8d8d;--wpds-color-foreground-interactive-error: #cc1818;--wpds-color-foreground-interactive-error-active: #470000;--wpds-color-foreground-interactive-error-disabled: #8d8d8d;--wpds-color-foreground-interactive-error-strong: #f2efef;--wpds-color-foreground-interactive-error-strong-active: #f2efef;--wpds-color-foreground-interactive-error-strong-disabled: #8d8d8d;--wpds-color-stroke-surface-neutral: #dbdbdb;--wpds-color-stroke-surface-neutral-weak: #f0f0f0;--wpds-color-stroke-surface-neutral-strong: #8d8d8d;--wpds-color-stroke-surface-brand: #b0bbd6;--wpds-color-stroke-surface-brand-strong: #3858e9;--wpds-color-stroke-surface-success: #94d29e;--wpds-color-stroke-surface-success-strong: #008030;--wpds-color-stroke-surface-info: #a9c6e7;--wpds-color-stroke-surface-info-strong: #006bd7;--wpds-color-stroke-surface-warning: #e1bc7c;--wpds-color-stroke-surface-warning-strong: #926300;--wpds-color-stroke-surface-caution: #cfc28d;--wpds-color-stroke-surface-caution-strong: #826a00;--wpds-color-stroke-surface-error: #dab1aa;--wpds-color-stroke-surface-error-strong: #cc1818;--wpds-color-stroke-interactive-neutral: #8d8d8d;--wpds-color-stroke-interactive-neutral-active: #6e6e6e;--wpds-color-stroke-interactive-neutral-disabled: #dbdbdb;--wpds-color-stroke-interactive-neutral-strong: #6e6e6e;--wpds-color-stroke-interactive-brand: #3858e9;--wpds-color-stroke-interactive-brand-active: #2337c8;--wpds-color-stroke-interactive-brand-disabled: #dbdbdb;--wpds-color-stroke-interactive-error: #cc1818;--wpds-color-stroke-interactive-error-active: #9d0000;--wpds-color-stroke-interactive-error-disabled: #dbdbdb;--wpds-color-stroke-interactive-error-strong: #cc1818;--wpds-color-stroke-focus: #3858e9;--wpds-cursor-control: pointer;--wpds-dimension-padding-xs: 4px;--wpds-dimension-padding-sm: 8px;--wpds-dimension-padding-md: 12px;--wpds-dimension-padding-lg: 16px;--wpds-dimension-padding-xl: 20px;--wpds-dimension-padding-2xl: 24px;--wpds-dimension-padding-3xl: 32px;--wpds-dimension-gap-xs: 4px;--wpds-dimension-gap-sm: 8px;--wpds-dimension-gap-md: 12px;--wpds-dimension-gap-lg: 16px;--wpds-dimension-gap-xl: 24px;--wpds-dimension-gap-2xl: 32px;--wpds-dimension-gap-3xl: 40px;--wpds-dimension-size-5xs: 4px;--wpds-dimension-size-4xs: 8px;--wpds-dimension-size-3xs: 12px;--wpds-dimension-size-2xs: 16px;--wpds-dimension-size-xs: 20px;--wpds-dimension-size-sm: 24px;--wpds-dimension-size-md: 32px;--wpds-dimension-size-lg: 40px;--wpds-dimension-surface-width-xs: 240px;--wpds-dimension-surface-width-sm: 320px;--wpds-dimension-surface-width-md: 400px;--wpds-dimension-surface-width-lg: 560px;--wpds-dimension-surface-width-xl: 720px;--wpds-dimension-surface-width-2xl: 960px;--wpds-elevation-xs: 0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003;--wpds-elevation-sm: 0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005;--wpds-elevation-md: 0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005;--wpds-elevation-lg: 0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005;--wpds-motion-duration-xs: 50ms;--wpds-motion-duration-sm: 100ms;--wpds-motion-duration-md: 200ms;--wpds-motion-duration-lg: 300ms;--wpds-motion-duration-xl: 400ms;--wpds-motion-easing-subtle: cubic-bezier( 0.15, 0, 0.15, 1 );--wpds-motion-easing-balanced: cubic-bezier( 0.4, 0, 0.2, 1 );--wpds-motion-easing-expressive: cubic-bezier( 0.25, 0, 0, 1 );--wpds-typography-font-family-heading: -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;--wpds-typography-font-family-body: -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;--wpds-typography-font-family-mono: "Menlo", "Consolas", monaco, monospace;--wpds-typography-font-size-xs: 11px;--wpds-typography-font-size-sm: 12px;--wpds-typography-font-size-md: 13px;--wpds-typography-font-size-lg: 15px;--wpds-typography-font-size-xl: 20px;--wpds-typography-font-size-2xl: 32px;--wpds-typography-line-height-xs: 16px;--wpds-typography-line-height-sm: 20px;--wpds-typography-line-height-md: 24px;--wpds-typography-line-height-lg: 28px;--wpds-typography-line-height-xl: 32px;--wpds-typography-line-height-2xl: 40px;--wpds-typography-font-weight-regular: 400;--wpds-typography-font-weight-medium: 499}@media(min-resolution: 192dpi){:root{--wpds-border-width-focus: 1.5px}}[data-wpds-corner-radius=none],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=none]){--wpds-border-radius-xs: 0;--wpds-border-radius-sm: 0;--wpds-border-radius-md: 0;--wpds-border-radius-lg: 0;--wpds-border-radius-xl: 0}[data-wpds-corner-radius=subtle],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=subtle]){--wpds-border-radius-xs: 1px;--wpds-border-radius-sm: 2px;--wpds-border-radius-md: 4px;--wpds-border-radius-lg: 8px;--wpds-border-radius-xl: 12px}[data-wpds-corner-radius=moderate],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=moderate]){--wpds-border-radius-xs: 6px;--wpds-border-radius-sm: 8px;--wpds-border-radius-md: 12px;--wpds-border-radius-lg: 16px;--wpds-border-radius-xl: 20px}[data-wpds-corner-radius=pronounced],:root:has([data-wpds-root-provider=true][data-wpds-corner-radius=pronounced]){--wpds-border-radius-xs: 18px;--wpds-border-radius-sm: 20px;--wpds-border-radius-md: 22px;--wpds-border-radius-lg: 24px;--wpds-border-radius-xl: 26px} |
| 2 | /** |
| 3 | * Colors |
| 4 | */ |
| 5 | /** |
| 6 | * SCSS Variables. |
| 7 | * |
| 8 | * Please use variables from this sheet to ensure consistency across the UI. |
| 9 | * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
| 10 | * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
| 11 | */ |
| 12 | /** |
| 13 | * Fonts & basic variables. |
| 14 | */ |
| 15 | /** |
| 16 | * Typography |
| 17 | */ |
| 18 | /** |
| 19 | * Grid System. |
| 20 | * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
| 21 | */ |
| 22 | /** |
| 23 | * Radius scale. |
| 24 | */ |
| 25 | /** |
| 26 | * Elevation scale. |
| 27 | */ |
| 28 | /** |
| 29 | * Dimensions. |
| 30 | */ |
| 31 | /** |
| 32 | * Mobile specific styles |
| 33 | */ |
| 34 | /** |
| 35 | * Editor styles. |
| 36 | */ |
| 37 | /** |
| 38 | * Block & Editor UI. |
| 39 | */ |
| 40 | /** |
| 41 | * Block paddings. |
| 42 | */ |
| 43 | /** |
| 44 | * React Native specific. |
| 45 | * These variables do not appear to be used anywhere else. |
| 46 | */ |
| 47 | /** |
| 48 | * Typography |
| 49 | */ |
| 50 | /** |
| 51 | * Breakpoints & Media Queries |
| 52 | */ |
| 53 | /** |
| 54 | * Converts a hex value into the rgb equivalent. |
| 55 | * |
| 56 | * @param {string} hex - the hexadecimal value to convert |
| 57 | * @return {string} comma separated rgb values |
| 58 | */ |
| 59 | /** |
| 60 | * Long content fade mixin |
| 61 | * |
| 62 | * Creates a fading overlay to signify that the content is longer |
| 63 | * than the space allows. |
| 64 | */ |
| 65 | /** |
| 66 | * Breakpoint mixins |
| 67 | */ |
| 68 | /** |
| 69 | * Focus styles. |
| 70 | */ |
| 71 | /** |
| 72 | * Applies editor left position to the selector passed as argument |
| 73 | */ |
| 74 | /** |
| 75 | * Styles that are reused verbatim in a few places |
| 76 | */ |
| 77 | /** |
| 78 | * Allows users to opt-out of animations via OS-level preferences. |
| 79 | */ |
| 80 | /** |
| 81 | * Reset default styles for JavaScript UI based pages. |
| 82 | * This is a WP-admin agnostic reset |
| 83 | */ |
| 84 | /** |
| 85 | * Reset the WP Admin page styles for Gutenberg-like pages. |
| 86 | */ |
| 87 | .admin-ui-page { |
| 88 | display: flex; |
| 89 | height: 100%; |
| 90 | background-color: #fff; |
| 91 | color: #2f2f2f; |
| 92 | position: relative; |
| 93 | z-index: 1; |
| 94 | flex-flow: column; |
| 95 | container: admin-ui-page/inline-size; |
| 96 | } |
| 97 | @media not (prefers-reduced-motion) { |
| 98 | .admin-ui-page { |
| 99 | transition: width ease-out 0.2s; |
| 100 | } |
| 101 | } |
| 102 | .admin-ui-page__header { |
| 103 | padding: 16px 48px; |
| 104 | border-bottom: 1px solid #f0f0f0; |
| 105 | background: #fff; |
| 106 | position: sticky; |
| 107 | top: 0; |
| 108 | } |
| 109 | @container (max-width: 430px) { |
| 110 | .admin-ui-page__header { |
| 111 | padding: 16px 24px; |
| 112 | } |
| 113 | } |
| 114 | .admin-ui-page__header-subtitle { |
| 115 | padding-block-end: 8px; |
| 116 | color: #757575; |
| 117 | font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 118 | font-weight: 400; |
| 119 | font-size: 13px; |
| 120 | line-height: 20px; |
| 121 | margin: 0; |
| 122 | } |
| 123 | .admin-ui-page__content { |
| 124 | flex-grow: 1; |
| 125 | overflow: auto; |
| 126 | display: flex; |
| 127 | flex-direction: column; |
| 128 | } |
| 129 | .admin-ui-page__content.has-padding { |
| 130 | padding: 16px 20px; |
| 131 | } |
| 132 | @container (max-width: 430px) { |
| 133 | .admin-ui-page__content.has-padding { |
| 134 | padding: 16px 24px; |
| 135 | } |
| 136 | } |
| 137 | .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon { |
| 138 | width: auto; |
| 139 | padding: 0 8px; |
| 140 | } |
| 141 | .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg { |
| 142 | display: none; |
| 143 | } |
| 144 | .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after { |
| 145 | content: attr(aria-label); |
| 146 | font-size: 12px; |
| 147 | } |
| 148 | /** |
| 149 | * Colors |
| 150 | */ |
| 151 | /** |
| 152 | * SCSS Variables. |
| 153 | * |
| 154 | * Please use variables from this sheet to ensure consistency across the UI. |
| 155 | * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
| 156 | * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
| 157 | */ |
| 158 | /** |
| 159 | * Fonts & basic variables. |
| 160 | */ |
| 161 | /** |
| 162 | * Typography |
| 163 | */ |
| 164 | /** |
| 165 | * Grid System. |
| 166 | * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
| 167 | */ |
| 168 | /** |
| 169 | * Radius scale. |
| 170 | */ |
| 171 | /** |
| 172 | * Elevation scale. |
| 173 | */ |
| 174 | /** |
| 175 | * Dimensions. |
| 176 | */ |
| 177 | /** |
| 178 | * Mobile specific styles |
| 179 | */ |
| 180 | /** |
| 181 | * Editor styles. |
| 182 | */ |
| 183 | /** |
| 184 | * Block & Editor UI. |
| 185 | */ |
| 186 | /** |
| 187 | * Block paddings. |
| 188 | */ |
| 189 | /** |
| 190 | * React Native specific. |
| 191 | * These variables do not appear to be used anywhere else. |
| 192 | */ |
| 193 | /** |
| 194 | * Typography |
| 195 | */ |
| 196 | /** |
| 197 | * Breakpoints & Media Queries |
| 198 | */ |
| 199 | /** |
| 200 | * Converts a hex value into the rgb equivalent. |
| 201 | * |
| 202 | * @param {string} hex - the hexadecimal value to convert |
| 203 | * @return {string} comma separated rgb values |
| 204 | */ |
| 205 | /** |
| 206 | * Long content fade mixin |
| 207 | * |
| 208 | * Creates a fading overlay to signify that the content is longer |
| 209 | * than the space allows. |
| 210 | */ |
| 211 | /** |
| 212 | * Breakpoint mixins |
| 213 | */ |
| 214 | /** |
| 215 | * Focus styles. |
| 216 | */ |
| 217 | /** |
| 218 | * Applies editor left position to the selector passed as argument |
| 219 | */ |
| 220 | /** |
| 221 | * Styles that are reused verbatim in a few places |
| 222 | */ |
| 223 | /** |
| 224 | * Allows users to opt-out of animations via OS-level preferences. |
| 225 | */ |
| 226 | /** |
| 227 | * Reset default styles for JavaScript UI based pages. |
| 228 | * This is a WP-admin agnostic reset |
| 229 | */ |
| 230 | /** |
| 231 | * Reset the WP Admin page styles for Gutenberg-like pages. |
| 232 | */ |
| 233 | .dataviews-wrapper, |
| 234 | .dataviews-picker-wrapper { |
| 235 | height: 100%; |
| 236 | overflow: auto; |
| 237 | box-sizing: border-box; |
| 238 | scroll-padding-bottom: 64px; |
| 239 | /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */ |
| 240 | container: dataviews-wrapper/inline-size; |
| 241 | display: flex; |
| 242 | flex-direction: column; |
| 243 | font-size: 13px; |
| 244 | line-height: 1.4; |
| 245 | } |
| 246 | .dataviews__view-actions, |
| 247 | .dataviews-filters__container { |
| 248 | box-sizing: border-box; |
| 249 | padding: 16px 48px; |
| 250 | flex-shrink: 0; |
| 251 | position: sticky; |
| 252 | left: 0; |
| 253 | } |
| 254 | @media not (prefers-reduced-motion) { |
| 255 | .dataviews__view-actions, |
| 256 | .dataviews-filters__container { |
| 257 | transition: padding ease-out 0.1s; |
| 258 | } |
| 259 | } |
| 260 | .dataviews-no-results, |
| 261 | .dataviews-loading { |
| 262 | padding: 0 48px; |
| 263 | flex-grow: 1; |
| 264 | display: flex; |
| 265 | align-items: center; |
| 266 | justify-content: center; |
| 267 | } |
| 268 | @media not (prefers-reduced-motion) { |
| 269 | .dataviews-no-results, |
| 270 | .dataviews-loading { |
| 271 | transition: padding ease-out 0.1s; |
| 272 | } |
| 273 | } |
| 274 | .dataviews-loading-more { |
| 275 | text-align: center; |
| 276 | } |
| 277 | @container (max-width: 430px) { |
| 278 | .dataviews__view-actions, |
| 279 | .dataviews-filters__container { |
| 280 | padding: 12px 24px; |
| 281 | } |
| 282 | .dataviews-no-results, |
| 283 | .dataviews-loading { |
| 284 | padding-left: 24px; |
| 285 | padding-right: 24px; |
| 286 | } |
| 287 | } |
| 288 | .dataviews-title-field { |
| 289 | font-size: 13px; |
| 290 | font-weight: 500; |
| 291 | color: #2f2f2f; |
| 292 | text-overflow: ellipsis; |
| 293 | white-space: nowrap; |
| 294 | width: 100%; |
| 295 | } |
| 296 | .dataviews-title-field a { |
| 297 | text-decoration: none; |
| 298 | text-overflow: ellipsis; |
| 299 | white-space: nowrap; |
| 300 | overflow: hidden; |
| 301 | display: block; |
| 302 | flex-grow: 0; |
| 303 | color: #2f2f2f; |
| 304 | } |
| 305 | .dataviews-title-field a:hover { |
| 306 | color: var(--wp-admin-theme-color); |
| 307 | } |
| 308 | .dataviews-title-field a:focus { |
| 309 | color: var(--wp-admin-theme-color--rgb); |
| 310 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
| 311 | border-radius: 2px; |
| 312 | } |
| 313 | .dataviews-title-field button.components-button.is-link { |
| 314 | text-decoration: none; |
| 315 | font-weight: inherit; |
| 316 | text-overflow: ellipsis; |
| 317 | white-space: nowrap; |
| 318 | overflow: hidden; |
| 319 | display: block; |
| 320 | width: 100%; |
| 321 | color: #1e1e1e; |
| 322 | } |
| 323 | .dataviews-title-field button.components-button.is-link:hover { |
| 324 | color: var(--wp-admin-theme-color); |
| 325 | } |
| 326 | .dataviews-title-field--clickable { |
| 327 | cursor: pointer; |
| 328 | color: #2f2f2f; |
| 329 | } |
| 330 | .dataviews-title-field--clickable:hover { |
| 331 | color: var(--wp-admin-theme-color); |
| 332 | } |
| 333 | .dataviews-title-field--clickable:focus { |
| 334 | color: var(--wp-admin-theme-color--rgb); |
| 335 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
| 336 | border-radius: 2px; |
| 337 | } |
| 338 | /** |
| 339 | * Applying a consistent 24px padding when DataViews are placed within cards. |
| 340 | */ |
| 341 | .components-card__body:has(> .dataviews-wrapper), |
| 342 | .components-card__body:has(> .dataviews-picker-wrapper) { |
| 343 | padding: 8px 0 0; |
| 344 | overflow: hidden; |
| 345 | } |
| 346 | .components-card__body:has(> .dataviews-wrapper) .dataviews__view-actions, |
| 347 | .components-card__body:has(> .dataviews-wrapper) .dataviews-filters__container, |
| 348 | .components-card__body:has(> .dataviews-wrapper) .dataviews-footer, |
| 349 | .components-card__body:has(> .dataviews-wrapper) .dataviews-view-grid, |
| 350 | .components-card__body:has(> .dataviews-wrapper) .dataviews-loading, |
| 351 | .components-card__body:has(> .dataviews-wrapper) .dataviews-no-results, |
| 352 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews__view-actions, |
| 353 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-filters__container, |
| 354 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-footer, |
| 355 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-grid, |
| 356 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-loading, |
| 357 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-no-results { |
| 358 | padding-inline: 24px; |
| 359 | } |
| 360 | .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:first-child, |
| 361 | .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:first-child, |
| 362 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:first-child, |
| 363 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:first-child { |
| 364 | padding-inline-start: 24px; |
| 365 | } |
| 366 | .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr td:last-child, |
| 367 | .components-card__body:has(> .dataviews-wrapper) .dataviews-view-table tr th:last-child, |
| 368 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr td:last-child, |
| 369 | .components-card__body:has(> .dataviews-picker-wrapper) .dataviews-view-table tr th:last-child { |
| 370 | padding-inline-end: 24px; |
| 371 | } |
| 372 | .dataviews-bulk-actions-footer__item-count { |
| 373 | color: #1e1e1e; |
| 374 | font-weight: 500; |
| 375 | font-size: 11px; |
| 376 | text-transform: uppercase; |
| 377 | } |
| 378 | .dataviews-bulk-actions-footer__container { |
| 379 | margin-right: auto; |
| 380 | min-height: 32px; |
| 381 | } |
| 382 | .dataviews-filters__button { |
| 383 | position: relative; |
| 384 | } |
| 385 | .dataviews-filters__container { |
| 386 | padding-top: 0; |
| 387 | } |
| 388 | .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover { |
| 389 | opacity: 0; |
| 390 | } |
| 391 | .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus { |
| 392 | opacity: 1; |
| 393 | } |
| 394 | .dataviews-filters__summary-popover { |
| 395 | font-size: 13px; |
| 396 | line-height: 1.4; |
| 397 | } |
| 398 | .dataviews-filters__summary-popover .components-popover__content { |
| 399 | width: 100%; |
| 400 | min-width: 230px; |
| 401 | max-width: 250px; |
| 402 | border-radius: 4px; |
| 403 | } |
| 404 | .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content { |
| 405 | padding: 0; |
| 406 | } |
| 407 | .dataviews-filters__summary-operators-container { |
| 408 | padding: 8px 16px; |
| 409 | } |
| 410 | .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) { |
| 411 | border-bottom: 1px solid #e0e0e0; |
| 412 | } |
| 413 | .dataviews-filters__summary-operators-container:empty { |
| 414 | display: none; |
| 415 | } |
| 416 | .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name { |
| 417 | color: #757575; |
| 418 | white-space: nowrap; |
| 419 | overflow: hidden; |
| 420 | text-overflow: ellipsis; |
| 421 | flex-shrink: 0; /* Prevents this element from shrinking */ |
| 422 | max-width: calc(100% - 55px); |
| 423 | } |
| 424 | .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select { |
| 425 | width: 100%; |
| 426 | white-space: nowrap; |
| 427 | overflow: hidden; |
| 428 | } |
| 429 | .dataviews-filters__summary-chip-container { |
| 430 | position: relative; |
| 431 | white-space: pre-wrap; |
| 432 | } |
| 433 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip { |
| 434 | border-radius: 16px; |
| 435 | border: 1px solid transparent; |
| 436 | cursor: pointer; |
| 437 | padding: 4px 12px; |
| 438 | min-height: 32px; |
| 439 | background: #f0f0f0; |
| 440 | color: #2f2f2f; |
| 441 | position: relative; |
| 442 | display: flex; |
| 443 | align-items: center; |
| 444 | box-sizing: border-box; |
| 445 | } |
| 446 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable { |
| 447 | cursor: default; |
| 448 | } |
| 449 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset { |
| 450 | padding-inline-end: 28px; |
| 451 | } |
| 452 | .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] { |
| 453 | background: #e0e0e0; |
| 454 | color: #1e1e1e; |
| 455 | } |
| 456 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values { |
| 457 | color: var(--wp-admin-theme-color); |
| 458 | background: rgba(var(--wp-admin-theme-color--rgb), 0.04); |
| 459 | } |
| 460 | .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] { |
| 461 | background: rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 462 | } |
| 463 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible { |
| 464 | outline: none; |
| 465 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 466 | } |
| 467 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name { |
| 468 | font-weight: 500; |
| 469 | } |
| 470 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove { |
| 471 | width: 24px; |
| 472 | height: 24px; |
| 473 | border-radius: 50%; |
| 474 | border: 0; |
| 475 | padding: 0; |
| 476 | position: absolute; |
| 477 | right: 4px; |
| 478 | top: 50%; |
| 479 | transform: translateY(-50%); |
| 480 | display: flex; |
| 481 | align-items: center; |
| 482 | justify-content: center; |
| 483 | background: transparent; |
| 484 | cursor: pointer; |
| 485 | } |
| 486 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg { |
| 487 | fill: #757575; |
| 488 | } |
| 489 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus { |
| 490 | background: #e0e0e0; |
| 491 | } |
| 492 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg { |
| 493 | fill: #1e1e1e; |
| 494 | } |
| 495 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg { |
| 496 | fill: var(--wp-admin-theme-color); |
| 497 | } |
| 498 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover { |
| 499 | background: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 500 | } |
| 501 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible { |
| 502 | outline: none; |
| 503 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 504 | } |
| 505 | .dataviews-filters__search-widget-filter-combobox-list { |
| 506 | max-height: 184px; |
| 507 | padding: 4px; |
| 508 | overflow: auto; |
| 509 | border-top: 1px solid #e0e0e0; |
| 510 | } |
| 511 | .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] { |
| 512 | font-weight: 600; |
| 513 | } |
| 514 | .dataviews-filters__search-widget-listbox { |
| 515 | padding: 4px; |
| 516 | overflow: auto; |
| 517 | } |
| 518 | .dataviews-filters__search-widget-listitem { |
| 519 | display: flex; |
| 520 | align-items: center; |
| 521 | gap: 8px; |
| 522 | border-radius: 2px; |
| 523 | box-sizing: border-box; |
| 524 | padding: 4px 12px; |
| 525 | cursor: default; |
| 526 | min-height: 32px; |
| 527 | font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 528 | font-weight: 400; |
| 529 | font-size: 13px; |
| 530 | line-height: 20px; |
| 531 | } |
| 532 | .dataviews-filters__search-widget-listitem:last-child { |
| 533 | margin-block-end: 0; |
| 534 | } |
| 535 | .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus { |
| 536 | background-color: var(--wp-admin-theme-color); |
| 537 | color: #fff; |
| 538 | } |
| 539 | .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 { |
| 540 | color: #fff; |
| 541 | } |
| 542 | .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 { |
| 543 | border-color: var(--wp-admin-theme-color-darker-20, #183ad6); |
| 544 | background: #fff; |
| 545 | } |
| 546 | .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 { |
| 547 | border-color: var(--wp-admin-theme-color-darker-20, #183ad6); |
| 548 | background: var(--wp-admin-theme-color-darker-20, #183ad6); |
| 549 | } |
| 550 | .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 { |
| 551 | border-color: var(--wp-admin-theme-color-darker-20, #183ad6); |
| 552 | } |
| 553 | .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 { |
| 554 | border-color: var(--wp-admin-theme-color-darker-20, #183ad6); |
| 555 | background: var(--wp-admin-theme-color-darker-20, #183ad6); |
| 556 | } |
| 557 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description { |
| 558 | display: block; |
| 559 | overflow: hidden; |
| 560 | text-overflow: ellipsis; |
| 561 | font-size: 12px; |
| 562 | line-height: 16px; |
| 563 | color: #757575; |
| 564 | } |
| 565 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { |
| 566 | border: 1px solid #1e1e1e; |
| 567 | margin-right: 12px; |
| 568 | transition: none; |
| 569 | border-radius: 50%; |
| 570 | width: 24px; |
| 571 | height: 24px; |
| 572 | min-width: 24px; |
| 573 | max-width: 24px; |
| 574 | position: relative; |
| 575 | } |
| 576 | @media not (prefers-reduced-motion) { |
| 577 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { |
| 578 | transition: box-shadow 0.1s linear; |
| 579 | } |
| 580 | } |
| 581 | @media (min-width: 600px) { |
| 582 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { |
| 583 | height: 16px; |
| 584 | width: 16px; |
| 585 | min-width: 16px; |
| 586 | max-width: 16px; |
| 587 | } |
| 588 | } |
| 589 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before { |
| 590 | box-sizing: inherit; |
| 591 | width: 12px; |
| 592 | height: 12px; |
| 593 | position: absolute; |
| 594 | top: 50%; |
| 595 | left: 50%; |
| 596 | transform: translate(-50%, -50%); |
| 597 | margin: 0; |
| 598 | background-color: #fff; |
| 599 | border: 4px solid #fff; |
| 600 | } |
| 601 | @media (min-width: 600px) { |
| 602 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked::before { |
| 603 | width: 8px; |
| 604 | height: 8px; |
| 605 | } |
| 606 | } |
| 607 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:focus { |
| 608 | box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
| 609 | outline: 2px solid transparent; |
| 610 | } |
| 611 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection:checked { |
| 612 | background: var(--wp-admin-theme-color); |
| 613 | border: none; |
| 614 | } |
| 615 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection { |
| 616 | margin: 0; |
| 617 | padding: 0; |
| 618 | } |
| 619 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected { |
| 620 | background: var(--wp-admin-theme-color, #3858e9); |
| 621 | border-color: var(--wp-admin-theme-color, #3858e9); |
| 622 | } |
| 623 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before { |
| 624 | content: ""; |
| 625 | border-radius: 50%; |
| 626 | box-sizing: inherit; |
| 627 | width: 12px; |
| 628 | height: 12px; |
| 629 | position: absolute; |
| 630 | top: 50%; |
| 631 | left: 50%; |
| 632 | transform: translate(-50%, -50%); |
| 633 | margin: 0; |
| 634 | background-color: #fff; |
| 635 | border: 4px solid #fff; |
| 636 | } |
| 637 | @media (min-width: 600px) { |
| 638 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before { |
| 639 | width: 8px; |
| 640 | height: 8px; |
| 641 | } |
| 642 | } |
| 643 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { |
| 644 | --checkbox-size: 24px; |
| 645 | border: 1px solid #1e1e1e; |
| 646 | margin-right: 12px; |
| 647 | transition: none; |
| 648 | border-radius: 2px; |
| 649 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 650 | padding: 6px 8px; |
| 651 | /* Fonts smaller than 16px causes mobile safari to zoom. */ |
| 652 | font-size: 16px; |
| 653 | /* Override core line-height. To be reviewed. */ |
| 654 | line-height: normal; |
| 655 | box-shadow: 0 0 0 transparent; |
| 656 | border-radius: 2px; |
| 657 | border: 1px solid #949494; |
| 658 | } |
| 659 | @media not (prefers-reduced-motion) { |
| 660 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { |
| 661 | transition: box-shadow 0.1s linear; |
| 662 | } |
| 663 | } |
| 664 | @media (min-width: 600px) { |
| 665 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { |
| 666 | font-size: 13px; |
| 667 | /* Override core line-height. To be reviewed. */ |
| 668 | line-height: normal; |
| 669 | } |
| 670 | } |
| 671 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus { |
| 672 | border-color: var(--wp-admin-theme-color); |
| 673 | box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
| 674 | outline: 2px solid transparent; |
| 675 | } |
| 676 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-webkit-input-placeholder { |
| 677 | color: rgba(30, 30, 30, 0.62); |
| 678 | } |
| 679 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder { |
| 680 | color: rgba(30, 30, 30, 0.62); |
| 681 | } |
| 682 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:-ms-input-placeholder { |
| 683 | color: rgba(30, 30, 30, 0.62); |
| 684 | } |
| 685 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus { |
| 686 | box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
| 687 | outline: 2px solid transparent; |
| 688 | } |
| 689 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked { |
| 690 | background: var(--wp-admin-theme-color); |
| 691 | border-color: var(--wp-admin-theme-color); |
| 692 | } |
| 693 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:checked::-ms-check { |
| 694 | opacity: 0; |
| 695 | } |
| 696 | .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 { |
| 697 | margin: -3px -5px; |
| 698 | color: #fff; |
| 699 | } |
| 700 | @media (min-width: 782px) { |
| 701 | .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 { |
| 702 | margin: -4px 0 0 -5px; |
| 703 | } |
| 704 | } |
| 705 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed] { |
| 706 | background: var(--wp-admin-theme-color); |
| 707 | border-color: var(--wp-admin-theme-color); |
| 708 | } |
| 709 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before { |
| 710 | content: "\f460"; |
| 711 | float: left; |
| 712 | display: inline-block; |
| 713 | vertical-align: middle; |
| 714 | width: 16px; |
| 715 | /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */ |
| 716 | font: normal 30px/1 dashicons; |
| 717 | speak: none; |
| 718 | -webkit-font-smoothing: antialiased; |
| 719 | -moz-osx-font-smoothing: grayscale; |
| 720 | } |
| 721 | @media (min-width: 782px) { |
| 722 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-checked=mixed]::before { |
| 723 | float: none; |
| 724 | font-size: 21px; |
| 725 | } |
| 726 | } |
| 727 | .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 { |
| 728 | background: #f0f0f0; |
| 729 | border-color: #ddd; |
| 730 | cursor: default; |
| 731 | opacity: 1; |
| 732 | } |
| 733 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { |
| 734 | position: relative; |
| 735 | background: #fff; |
| 736 | color: #1e1e1e; |
| 737 | margin: 0; |
| 738 | padding: 0; |
| 739 | width: var(--checkbox-size); |
| 740 | height: var(--checkbox-size); |
| 741 | } |
| 742 | @media (min-width: 600px) { |
| 743 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { |
| 744 | --checkbox-size: 16px; |
| 745 | } |
| 746 | } |
| 747 | @media not (prefers-reduced-motion) { |
| 748 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection { |
| 749 | transition: 0.1s border-color ease-in-out; |
| 750 | } |
| 751 | } |
| 752 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected { |
| 753 | background: var(--wp-admin-theme-color, #3858e9); |
| 754 | border-color: var(--wp-admin-theme-color, #3858e9); |
| 755 | } |
| 756 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg { |
| 757 | --checkmark-size: var(--checkbox-size); |
| 758 | fill: #fff; |
| 759 | position: absolute; |
| 760 | left: 50%; |
| 761 | top: 50%; |
| 762 | transform: translate(-50%, -50%); |
| 763 | width: var(--checkmark-size); |
| 764 | height: var(--checkmark-size); |
| 765 | } |
| 766 | @media (min-width: 600px) { |
| 767 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg { |
| 768 | --checkmark-size: calc(var(--checkbox-size) + 4px); |
| 769 | } |
| 770 | } |
| 771 | .dataviews-filters__search-widget-filter-combobox__wrapper { |
| 772 | position: relative; |
| 773 | padding: 8px; |
| 774 | } |
| 775 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 776 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 777 | padding: 6px 8px; |
| 778 | /* Fonts smaller than 16px causes mobile safari to zoom. */ |
| 779 | font-size: 16px; |
| 780 | /* Override core line-height. To be reviewed. */ |
| 781 | line-height: normal; |
| 782 | box-shadow: 0 0 0 transparent; |
| 783 | border-radius: 2px; |
| 784 | border: 1px solid #949494; |
| 785 | } |
| 786 | @media not (prefers-reduced-motion) { |
| 787 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 788 | transition: box-shadow 0.1s linear; |
| 789 | } |
| 790 | } |
| 791 | @media (min-width: 600px) { |
| 792 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 793 | font-size: 13px; |
| 794 | /* Override core line-height. To be reviewed. */ |
| 795 | line-height: normal; |
| 796 | } |
| 797 | } |
| 798 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus { |
| 799 | border-color: var(--wp-admin-theme-color); |
| 800 | box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
| 801 | outline: 2px solid transparent; |
| 802 | } |
| 803 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder { |
| 804 | color: rgba(30, 30, 30, 0.62); |
| 805 | } |
| 806 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder { |
| 807 | color: rgba(30, 30, 30, 0.62); |
| 808 | } |
| 809 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder { |
| 810 | color: rgba(30, 30, 30, 0.62); |
| 811 | } |
| 812 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 813 | display: block; |
| 814 | padding: 0 8px 0 32px; |
| 815 | width: 100%; |
| 816 | height: 32px; |
| 817 | margin-left: 0; |
| 818 | margin-right: 0; |
| 819 | /* Fonts smaller than 16px causes mobile safari to zoom. */ |
| 820 | font-size: 16px; |
| 821 | } |
| 822 | @media (min-width: 600px) { |
| 823 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 824 | font-size: 13px; |
| 825 | } |
| 826 | } |
| 827 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus { |
| 828 | background: #fff; |
| 829 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 830 | } |
| 831 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder { |
| 832 | color: #757575; |
| 833 | } |
| 834 | .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 { |
| 835 | -webkit-appearance: none; |
| 836 | } |
| 837 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon { |
| 838 | position: absolute; |
| 839 | inset-inline-start: 12px; |
| 840 | top: 0; |
| 841 | bottom: 0; |
| 842 | display: flex; |
| 843 | align-items: center; |
| 844 | justify-content: center; |
| 845 | width: 24px; |
| 846 | } |
| 847 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) { |
| 848 | transform: scaleX(-1); |
| 849 | } |
| 850 | .dataviews-filters__container-visibility-toggle { |
| 851 | position: relative; |
| 852 | flex-shrink: 0; |
| 853 | } |
| 854 | .dataviews-filters-toggle__count { |
| 855 | position: absolute; |
| 856 | top: 0; |
| 857 | right: 0; |
| 858 | transform: translate(50%, -50%); |
| 859 | background: var(--wp-admin-theme-color, #3858e9); |
| 860 | height: 16px; |
| 861 | min-width: 16px; |
| 862 | line-height: 16px; |
| 863 | padding: 0 4px; |
| 864 | text-align: center; |
| 865 | border-radius: 8px; |
| 866 | font-size: 11px; |
| 867 | outline: var(--wp-admin-border-width-focus) solid #fff; |
| 868 | color: #fff; |
| 869 | box-sizing: border-box; |
| 870 | } |
| 871 | .dataviews-search { |
| 872 | width: fit-content; |
| 873 | } |
| 874 | .dataviews-filters__user-input-widget { |
| 875 | padding: 16px; |
| 876 | } |
| 877 | .dataviews-filters__user-input-widget .components-input-control__prefix { |
| 878 | padding-left: 8px; |
| 879 | } |
| 880 | .dataviews-filters__search-widget-no-elements { |
| 881 | display: flex; |
| 882 | align-items: center; |
| 883 | justify-content: center; |
| 884 | padding: 16px; |
| 885 | } |
| 886 | .dataviews-footer { |
| 887 | position: sticky; |
| 888 | bottom: 0; |
| 889 | left: 0; |
| 890 | background-color: #fff; |
| 891 | padding: 12px 48px; |
| 892 | border-top: 1px solid #f0f0f0; |
| 893 | flex-shrink: 0; |
| 894 | } |
| 895 | @media not (prefers-reduced-motion) { |
| 896 | .dataviews-footer { |
| 897 | transition: padding ease-out 0.1s; |
| 898 | } |
| 899 | } |
| 900 | .dataviews-footer { |
| 901 | z-index: 2; |
| 902 | } |
| 903 | @container (max-width: 430px) { |
| 904 | .dataviews-footer { |
| 905 | padding: 12px 24px; |
| 906 | } |
| 907 | } |
| 908 | @container (max-width: 560px) { |
| 909 | .dataviews-footer { |
| 910 | flex-direction: column !important; |
| 911 | } |
| 912 | .dataviews-footer .dataviews-bulk-actions-footer__container { |
| 913 | width: 100%; |
| 914 | } |
| 915 | .dataviews-footer .dataviews-bulk-actions-footer__item-count { |
| 916 | flex-grow: 1; |
| 917 | } |
| 918 | .dataviews-footer .dataviews-pagination { |
| 919 | width: 100%; |
| 920 | justify-content: space-between; |
| 921 | } |
| 922 | } |
| 923 | .dataviews-pagination__page-select { |
| 924 | font-size: 11px; |
| 925 | font-weight: 500; |
| 926 | text-transform: uppercase; |
| 927 | } |
| 928 | @media (min-width: 600px) { |
| 929 | .dataviews-pagination__page-select .components-select-control__input { |
| 930 | font-size: 11px !important; |
| 931 | font-weight: 500; |
| 932 | } |
| 933 | } |
| 934 | .dataviews-action-modal { |
| 935 | z-index: 1000001; |
| 936 | } |
| 937 | .dataviews-picker-footer__bulk-selection { |
| 938 | align-self: flex-start; |
| 939 | height: 32px; |
| 940 | } |
| 941 | .dataviews-picker-footer__actions { |
| 942 | align-self: flex-end; |
| 943 | } |
| 944 | .dataviews-selection-checkbox { |
| 945 | --checkbox-input-size: 24px; |
| 946 | } |
| 947 | @media (min-width: 600px) { |
| 948 | .dataviews-selection-checkbox { |
| 949 | --checkbox-input-size: 16px; |
| 950 | } |
| 951 | } |
| 952 | .dataviews-selection-checkbox { |
| 953 | line-height: 0; |
| 954 | flex-shrink: 0; |
| 955 | } |
| 956 | .dataviews-selection-checkbox .components-checkbox-control__input-container { |
| 957 | margin: 0; |
| 958 | } |
| 959 | .dataviews-view-config { |
| 960 | width: 320px; |
| 961 | /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */ |
| 962 | container-type: inline-size; |
| 963 | font-size: 13px; |
| 964 | line-height: 1.4; |
| 965 | } |
| 966 | .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper { |
| 967 | overflow-y: scroll; |
| 968 | height: 100%; |
| 969 | } |
| 970 | .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config { |
| 971 | width: auto; |
| 972 | } |
| 973 | .dataviews-view-config__sort-direction .components-toggle-group-control-option-base { |
| 974 | text-transform: uppercase; |
| 975 | } |
| 976 | .dataviews-settings-section__title.dataviews-settings-section__title { |
| 977 | line-height: 24px; |
| 978 | font-size: 15px; |
| 979 | } |
| 980 | .dataviews-settings-section__sidebar { |
| 981 | grid-column: span 4; |
| 982 | } |
| 983 | .dataviews-settings-section__content, |
| 984 | .dataviews-settings-section__content > * { |
| 985 | grid-column: span 8; |
| 986 | } |
| 987 | .dataviews-settings-section__content .is-divided-in-two { |
| 988 | display: contents; |
| 989 | } |
| 990 | .dataviews-settings-section__content .is-divided-in-two > * { |
| 991 | grid-column: span 4; |
| 992 | } |
| 993 | .dataviews-settings-section:has(.dataviews-settings-section__content:empty) { |
| 994 | display: none; |
| 995 | } |
| 996 | @container (max-width: 500px) { |
| 997 | .dataviews-settings-section.dataviews-settings-section { |
| 998 | grid-template-columns: repeat(2, 1fr); |
| 999 | } |
| 1000 | .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar { |
| 1001 | grid-column: span 2; |
| 1002 | } |
| 1003 | .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content { |
| 1004 | grid-column: span 2; |
| 1005 | } |
| 1006 | } |
| 1007 | .dataviews-field-control__field { |
| 1008 | height: 32px; |
| 1009 | } |
| 1010 | .dataviews-field-control__actions { |
| 1011 | position: absolute; |
| 1012 | top: -9999em; |
| 1013 | } |
| 1014 | .dataviews-field-control__actions.dataviews-field-control__actions { |
| 1015 | gap: 4px; |
| 1016 | } |
| 1017 | .dataviews-field-control__field:hover .dataviews-field-control__actions, |
| 1018 | .dataviews-field-control__field:focus-within .dataviews-field-control__actions, |
| 1019 | .dataviews-field-control__field.is-interacting .dataviews-field-control__actions { |
| 1020 | position: unset; |
| 1021 | top: unset; |
| 1022 | } |
| 1023 | .dataviews-field-control__icon { |
| 1024 | display: flex; |
| 1025 | width: 24px; |
| 1026 | } |
| 1027 | .dataviews-field-control__label-sub-label-container { |
| 1028 | flex-grow: 1; |
| 1029 | } |
| 1030 | .dataviews-field-control__label { |
| 1031 | display: block; |
| 1032 | } |
| 1033 | .dataviews-field-control__sub-label { |
| 1034 | margin-top: 8px; |
| 1035 | margin-bottom: 0; |
| 1036 | font-size: 11px; |
| 1037 | font-style: normal; |
| 1038 | color: #757575; |
| 1039 | } |
| 1040 | .dataviews-view-grid-items { |
| 1041 | margin-bottom: auto; |
| 1042 | display: grid; |
| 1043 | gap: 32px; |
| 1044 | grid-template-rows: max-content; |
| 1045 | grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); |
| 1046 | padding: 0 48px 24px; |
| 1047 | container-type: inline-size; |
| 1048 | /** |
| 1049 | * Breakpoints were adjusted from media queries breakpoints to account for |
| 1050 | * the sidebar width. This was done to match the existing styles we had. |
| 1051 | */ |
| 1052 | } |
| 1053 | @container (max-width: 430px) { |
| 1054 | .dataviews-view-grid-items { |
| 1055 | padding-left: 24px; |
| 1056 | padding-right: 24px; |
| 1057 | } |
| 1058 | } |
| 1059 | @media not (prefers-reduced-motion) { |
| 1060 | .dataviews-view-grid-items { |
| 1061 | transition: padding ease-out 0.1s; |
| 1062 | } |
| 1063 | } |
| 1064 | .dataviews-view-grid .dataviews-view-grid__card { |
| 1065 | height: 100%; |
| 1066 | justify-content: flex-start; |
| 1067 | position: relative; |
| 1068 | } |
| 1069 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions { |
| 1070 | padding: 8px 0 4px; |
| 1071 | } |
| 1072 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field { |
| 1073 | min-height: 24px; |
| 1074 | overflow: hidden; |
| 1075 | align-content: center; |
| 1076 | text-align: start; |
| 1077 | } |
| 1078 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable { |
| 1079 | width: fit-content; |
| 1080 | } |
| 1081 | .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { |
| 1082 | color: #1e1e1e; |
| 1083 | } |
| 1084 | .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after, |
| 1085 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { |
| 1086 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 1087 | } |
| 1088 | .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after { |
| 1089 | box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
| 1090 | } |
| 1091 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { |
| 1092 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 1093 | } |
| 1094 | .dataviews-view-grid .dataviews-view-grid__media { |
| 1095 | width: 100%; |
| 1096 | aspect-ratio: 1/1; |
| 1097 | background-color: #fff; |
| 1098 | border-radius: 4px; |
| 1099 | overflow: hidden; |
| 1100 | position: relative; |
| 1101 | } |
| 1102 | .dataviews-view-grid .dataviews-view-grid__media img { |
| 1103 | object-fit: cover; |
| 1104 | width: 100%; |
| 1105 | height: 100%; |
| 1106 | } |
| 1107 | .dataviews-view-grid .dataviews-view-grid__media::after { |
| 1108 | content: ""; |
| 1109 | position: absolute; |
| 1110 | top: 0; |
| 1111 | left: 0; |
| 1112 | width: 100%; |
| 1113 | height: 100%; |
| 1114 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
| 1115 | border-radius: 4px; |
| 1116 | pointer-events: none; |
| 1117 | } |
| 1118 | .dataviews-view-grid .dataviews-view-grid__fields { |
| 1119 | position: relative; |
| 1120 | font-size: 12px; |
| 1121 | line-height: 16px; |
| 1122 | } |
| 1123 | .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) { |
| 1124 | padding: 0 0 12px; |
| 1125 | } |
| 1126 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) { |
| 1127 | min-height: 24px; |
| 1128 | line-height: 20px; |
| 1129 | padding-top: 2px; |
| 1130 | } |
| 1131 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field { |
| 1132 | min-height: 24px; |
| 1133 | align-items: center; |
| 1134 | } |
| 1135 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name { |
| 1136 | width: 35%; |
| 1137 | color: #757575; |
| 1138 | overflow: hidden; |
| 1139 | text-overflow: ellipsis; |
| 1140 | white-space: nowrap; |
| 1141 | } |
| 1142 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { |
| 1143 | width: 65%; |
| 1144 | overflow: hidden; |
| 1145 | text-overflow: ellipsis; |
| 1146 | white-space: nowrap; |
| 1147 | } |
| 1148 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) { |
| 1149 | display: none; |
| 1150 | } |
| 1151 | .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) { |
| 1152 | padding-bottom: 12px; |
| 1153 | } |
| 1154 | .dataviews-view-grid__field-value:empty, |
| 1155 | .dataviews-view-grid__field:empty { |
| 1156 | display: none; |
| 1157 | } |
| 1158 | .dataviews-view-grid__card .dataviews-selection-checkbox { |
| 1159 | position: absolute; |
| 1160 | top: -9999em; |
| 1161 | left: 8px; |
| 1162 | z-index: 1; |
| 1163 | opacity: 0; |
| 1164 | } |
| 1165 | @media not (prefers-reduced-motion) { |
| 1166 | .dataviews-view-grid__card .dataviews-selection-checkbox { |
| 1167 | transition: opacity 0.1s linear; |
| 1168 | } |
| 1169 | } |
| 1170 | @media (hover: none) { |
| 1171 | .dataviews-view-grid__card .dataviews-selection-checkbox { |
| 1172 | opacity: 1; |
| 1173 | top: 8px; |
| 1174 | } |
| 1175 | } |
| 1176 | .dataviews-view-grid__card:hover .dataviews-selection-checkbox, |
| 1177 | .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox, |
| 1178 | .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox { |
| 1179 | opacity: 1; |
| 1180 | top: 8px; |
| 1181 | } |
| 1182 | .dataviews-view-grid__card .dataviews-view-grid__media-actions { |
| 1183 | position: absolute; |
| 1184 | top: 4px; |
| 1185 | opacity: 0; |
| 1186 | right: 4px; |
| 1187 | } |
| 1188 | .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button { |
| 1189 | background-color: #fff; |
| 1190 | } |
| 1191 | @media not (prefers-reduced-motion) { |
| 1192 | .dataviews-view-grid__card .dataviews-view-grid__media-actions { |
| 1193 | transition: opacity 0.1s linear; |
| 1194 | } |
| 1195 | } |
| 1196 | @media (hover: none) { |
| 1197 | .dataviews-view-grid__card .dataviews-view-grid__media-actions { |
| 1198 | opacity: 1; |
| 1199 | top: 4px; |
| 1200 | } |
| 1201 | } |
| 1202 | .dataviews-view-grid__card:hover .dataviews-view-grid__media-actions, |
| 1203 | .dataviews-view-grid__card:focus-within .dataviews-view-grid__media-actions, |
| 1204 | .dataviews-view-grid__card .dataviews-view-grid__media-actions:has(.dataviews-all-actions-button[aria-expanded=true]) { |
| 1205 | opacity: 1; |
| 1206 | } |
| 1207 | .dataviews-view-grid__media--clickable { |
| 1208 | cursor: pointer; |
| 1209 | } |
| 1210 | .dataviews-view-grid__group-header { |
| 1211 | font-size: 15px; |
| 1212 | font-weight: 500; |
| 1213 | color: #1e1e1e; |
| 1214 | margin: 0 0 8px 0; |
| 1215 | padding: 0 48px; |
| 1216 | container-type: inline-size; |
| 1217 | } |
| 1218 | @container (max-width: 430px) { |
| 1219 | .dataviews-view-grid__group-header { |
| 1220 | padding-left: 24px; |
| 1221 | padding-right: 24px; |
| 1222 | } |
| 1223 | } |
| 1224 | div.dataviews-view-list { |
| 1225 | list-style-type: none; |
| 1226 | } |
| 1227 | .dataviews-view-list { |
| 1228 | margin: 0 0 auto; |
| 1229 | } |
| 1230 | .dataviews-view-list div[role=row], |
| 1231 | .dataviews-view-list div[role=article] { |
| 1232 | margin: 0; |
| 1233 | border-top: 1px solid #f0f0f0; |
| 1234 | } |
| 1235 | .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper, |
| 1236 | .dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper { |
| 1237 | position: relative; |
| 1238 | padding: 16px 24px; |
| 1239 | box-sizing: border-box; |
| 1240 | } |
| 1241 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions, |
| 1242 | .dataviews-view-list div[role=article] .dataviews-view-list__item-actions { |
| 1243 | display: flex; |
| 1244 | width: max-content; |
| 1245 | flex: 0 0 auto; |
| 1246 | gap: 4px; |
| 1247 | white-space: nowrap; |
| 1248 | } |
| 1249 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button, |
| 1250 | .dataviews-view-list div[role=article] .dataviews-view-list__item-actions .components-button { |
| 1251 | position: relative; |
| 1252 | z-index: 1; |
| 1253 | } |
| 1254 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div, |
| 1255 | .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div { |
| 1256 | height: 24px; |
| 1257 | } |
| 1258 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child), |
| 1259 | .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) { |
| 1260 | flex: 0; |
| 1261 | overflow: hidden; |
| 1262 | width: 0; |
| 1263 | } |
| 1264 | .dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child), |
| 1265 | .dataviews-view-list div[role=article]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) { |
| 1266 | flex-basis: min-content; |
| 1267 | width: auto; |
| 1268 | overflow: unset; |
| 1269 | } |
| 1270 | @media (hover: none) { |
| 1271 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child), |
| 1272 | .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) { |
| 1273 | flex-basis: min-content; |
| 1274 | width: auto; |
| 1275 | overflow: unset; |
| 1276 | } |
| 1277 | } |
| 1278 | .dataviews-view-list div[role=row].is-selected.is-selected, |
| 1279 | .dataviews-view-list div[role=article].is-selected.is-selected { |
| 1280 | border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 1281 | } |
| 1282 | .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], |
| 1283 | .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row], |
| 1284 | .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] { |
| 1285 | border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 1286 | } |
| 1287 | .dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field, |
| 1288 | .dataviews-view-list div[role=article]:not(.is-selected) .dataviews-view-list__title-field { |
| 1289 | color: #1e1e1e; |
| 1290 | } |
| 1291 | .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, |
| 1292 | .dataviews-view-list div[role=article]:not(.is-selected):hover, |
| 1293 | .dataviews-view-list div[role=article]:not(.is-selected).is-hovered, |
| 1294 | .dataviews-view-list div[role=article]:not(.is-selected):focus-within { |
| 1295 | color: var(--wp-admin-theme-color); |
| 1296 | background-color: #f8f8f8; |
| 1297 | } |
| 1298 | .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field, |
| 1299 | .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field, |
| 1300 | .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field, |
| 1301 | .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields, |
| 1302 | .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__title-field, |
| 1303 | .dataviews-view-list div[role=article]:not(.is-selected):hover .dataviews-view-list__fields, |
| 1304 | .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__title-field, |
| 1305 | .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__fields, |
| 1306 | .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__title-field, |
| 1307 | .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__fields { |
| 1308 | color: var(--wp-admin-theme-color); |
| 1309 | } |
| 1310 | .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper, |
| 1311 | .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper, |
| 1312 | .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper, |
| 1313 | .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper { |
| 1314 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); |
| 1315 | color: #1e1e1e; |
| 1316 | } |
| 1317 | .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, |
| 1318 | .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields, |
| 1319 | .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, |
| 1320 | .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields, |
| 1321 | .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, |
| 1322 | .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields, |
| 1323 | .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, |
| 1324 | .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields { |
| 1325 | color: var(--wp-admin-theme-color); |
| 1326 | } |
| 1327 | .dataviews-view-list .dataviews-view-list__item { |
| 1328 | position: absolute; |
| 1329 | z-index: 1; |
| 1330 | inset: 0; |
| 1331 | scroll-margin: 8px 0; |
| 1332 | appearance: none; |
| 1333 | border: none; |
| 1334 | background: none; |
| 1335 | padding: 0; |
| 1336 | cursor: pointer; |
| 1337 | } |
| 1338 | .dataviews-view-list .dataviews-view-list__item:focus-visible { |
| 1339 | outline: none; |
| 1340 | } |
| 1341 | .dataviews-view-list .dataviews-view-list__item:focus-visible::before { |
| 1342 | position: absolute; |
| 1343 | content: ""; |
| 1344 | inset: var(--wp-admin-border-width-focus); |
| 1345 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 1346 | border-radius: 2px; |
| 1347 | outline: 2px solid transparent; |
| 1348 | } |
| 1349 | .dataviews-view-list .dataviews-view-list__title-field { |
| 1350 | flex: 1; |
| 1351 | min-height: 24px; |
| 1352 | line-height: 24px; |
| 1353 | overflow: hidden; |
| 1354 | } |
| 1355 | .dataviews-view-list .dataviews-view-list__title-field:has(a, button) { |
| 1356 | z-index: 1; |
| 1357 | } |
| 1358 | .dataviews-view-list .dataviews-view-list__media-wrapper { |
| 1359 | width: 52px; |
| 1360 | height: 52px; |
| 1361 | overflow: hidden; |
| 1362 | position: relative; |
| 1363 | flex-shrink: 0; |
| 1364 | background-color: #fff; |
| 1365 | border-radius: 4px; |
| 1366 | } |
| 1367 | .dataviews-view-list .dataviews-view-list__media-wrapper img { |
| 1368 | width: 100%; |
| 1369 | height: 100%; |
| 1370 | object-fit: cover; |
| 1371 | } |
| 1372 | .dataviews-view-list .dataviews-view-list__media-wrapper::after { |
| 1373 | content: ""; |
| 1374 | position: absolute; |
| 1375 | top: 0; |
| 1376 | left: 0; |
| 1377 | width: 100%; |
| 1378 | height: 100%; |
| 1379 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
| 1380 | border-radius: 4px; |
| 1381 | } |
| 1382 | .dataviews-view-list .dataviews-view-list__field-wrapper { |
| 1383 | min-height: 52px; |
| 1384 | flex-grow: 1; |
| 1385 | } |
| 1386 | .dataviews-view-list .dataviews-view-list__fields { |
| 1387 | color: #757575; |
| 1388 | display: flex; |
| 1389 | gap: 12px; |
| 1390 | row-gap: 4px; |
| 1391 | flex-wrap: wrap; |
| 1392 | font-size: 12px; |
| 1393 | } |
| 1394 | .dataviews-view-list .dataviews-view-list__fields:empty { |
| 1395 | display: none; |
| 1396 | } |
| 1397 | .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) { |
| 1398 | display: none; |
| 1399 | } |
| 1400 | .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value { |
| 1401 | min-height: 24px; |
| 1402 | line-height: 20px; |
| 1403 | display: flex; |
| 1404 | align-items: center; |
| 1405 | } |
| 1406 | .dataviews-view-list + .dataviews-pagination { |
| 1407 | justify-content: space-between; |
| 1408 | } |
| 1409 | .dataviews-view-list__group-header { |
| 1410 | font-size: 15px; |
| 1411 | font-weight: 500; |
| 1412 | color: #1e1e1e; |
| 1413 | margin: 0 0 8px 0; |
| 1414 | padding: 0 24px; |
| 1415 | } |
| 1416 | .dataviews-view-table { |
| 1417 | width: 100%; |
| 1418 | text-indent: 0; |
| 1419 | border-color: inherit; |
| 1420 | border-collapse: collapse; |
| 1421 | position: relative; |
| 1422 | color: #757575; |
| 1423 | margin-bottom: auto; |
| 1424 | } |
| 1425 | .dataviews-view-table th { |
| 1426 | text-align: left; |
| 1427 | color: #1e1e1e; |
| 1428 | font-weight: normal; |
| 1429 | font-size: 13px; |
| 1430 | } |
| 1431 | .dataviews-view-table td, |
| 1432 | .dataviews-view-table th { |
| 1433 | padding: 12px; |
| 1434 | } |
| 1435 | .dataviews-view-table td.dataviews-view-table__actions-column, |
| 1436 | .dataviews-view-table th.dataviews-view-table__actions-column { |
| 1437 | text-align: right; |
| 1438 | } |
| 1439 | .dataviews-view-table td.dataviews-view-table__actions-column--sticky, |
| 1440 | .dataviews-view-table th.dataviews-view-table__actions-column--sticky { |
| 1441 | position: sticky; |
| 1442 | right: 0; |
| 1443 | background-color: #fff; |
| 1444 | } |
| 1445 | .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after, |
| 1446 | .dataviews-view-table th.dataviews-view-table__actions-column--stuck::after { |
| 1447 | display: block; |
| 1448 | content: ""; |
| 1449 | position: absolute; |
| 1450 | top: 0; |
| 1451 | bottom: 0; |
| 1452 | left: 0; |
| 1453 | width: 1px; |
| 1454 | background-color: #f0f0f0; |
| 1455 | } |
| 1456 | .dataviews-view-table td.dataviews-view-table__checkbox-column, |
| 1457 | .dataviews-view-table th.dataviews-view-table__checkbox-column { |
| 1458 | padding-right: 0; |
| 1459 | } |
| 1460 | .dataviews-view-table td.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper, |
| 1461 | .dataviews-view-table th.dataviews-view-table__checkbox-column .dataviews-view-table__cell-content-wrapper { |
| 1462 | max-width: auto; |
| 1463 | min-width: auto; |
| 1464 | } |
| 1465 | .dataviews-view-table tr { |
| 1466 | border-top: 1px solid #f0f0f0; |
| 1467 | } |
| 1468 | .dataviews-view-table tr .dataviews-view-table-header-button { |
| 1469 | gap: 4px; |
| 1470 | } |
| 1471 | .dataviews-view-table tr td:first-child, |
| 1472 | .dataviews-view-table tr th:first-child { |
| 1473 | padding-left: 48px; |
| 1474 | } |
| 1475 | .dataviews-view-table tr td:first-child .dataviews-view-table-header-button, |
| 1476 | .dataviews-view-table tr th:first-child .dataviews-view-table-header-button { |
| 1477 | margin-left: -8px; |
| 1478 | } |
| 1479 | .dataviews-view-table tr td:last-child, |
| 1480 | .dataviews-view-table tr th:last-child { |
| 1481 | padding-right: 48px; |
| 1482 | } |
| 1483 | .dataviews-view-table tr:last-child { |
| 1484 | border-bottom: 0; |
| 1485 | } |
| 1486 | .dataviews-view-table tr.is-hovered, .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky { |
| 1487 | background-color: #f8f8f8; |
| 1488 | } |
| 1489 | .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input { |
| 1490 | opacity: 0; |
| 1491 | } |
| 1492 | .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus { |
| 1493 | opacity: 1; |
| 1494 | } |
| 1495 | .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { |
| 1496 | opacity: 0; |
| 1497 | } |
| 1498 | .dataviews-view-table tr:focus-within .components-checkbox-control__input, |
| 1499 | .dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .components-checkbox-control__input, |
| 1500 | .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .components-checkbox-control__input, |
| 1501 | .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { |
| 1502 | opacity: 1; |
| 1503 | } |
| 1504 | @media (hover: none) { |
| 1505 | .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input, |
| 1506 | .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { |
| 1507 | opacity: 1; |
| 1508 | } |
| 1509 | } |
| 1510 | .dataviews-view-table tr.is-selected { |
| 1511 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); |
| 1512 | color: #757575; |
| 1513 | } |
| 1514 | .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr { |
| 1515 | border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 1516 | } |
| 1517 | .dataviews-view-table tr.is-selected:hover { |
| 1518 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 1519 | } |
| 1520 | .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky { |
| 1521 | background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff); |
| 1522 | } |
| 1523 | .dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky { |
| 1524 | background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 8%, #fff); |
| 1525 | } |
| 1526 | .dataviews-view-table thead { |
| 1527 | position: sticky; |
| 1528 | inset-block-start: 0; |
| 1529 | z-index: 1; |
| 1530 | } |
| 1531 | .dataviews-view-table thead tr { |
| 1532 | border: 0; |
| 1533 | } |
| 1534 | .dataviews-view-table thead tr .components-checkbox-control__input.components-checkbox-control__input { |
| 1535 | opacity: 1; |
| 1536 | } |
| 1537 | .dataviews-view-table thead th { |
| 1538 | background-color: #fff; |
| 1539 | padding-top: 8px; |
| 1540 | padding-bottom: 8px; |
| 1541 | padding-left: 12px; |
| 1542 | font-size: 11px; |
| 1543 | text-transform: uppercase; |
| 1544 | font-weight: 500; |
| 1545 | } |
| 1546 | .dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) { |
| 1547 | padding-left: 4px; |
| 1548 | } |
| 1549 | .dataviews-view-table tbody td { |
| 1550 | vertical-align: top; |
| 1551 | } |
| 1552 | .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper { |
| 1553 | min-height: 32px; |
| 1554 | display: flex; |
| 1555 | align-items: center; |
| 1556 | white-space: nowrap; |
| 1557 | } |
| 1558 | .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end { |
| 1559 | justify-content: flex-end; |
| 1560 | } |
| 1561 | .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center { |
| 1562 | justify-content: center; |
| 1563 | } |
| 1564 | .dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) { |
| 1565 | min-height: 0; |
| 1566 | } |
| 1567 | .dataviews-view-table .dataviews-view-table-header-button { |
| 1568 | padding: 4px 8px; |
| 1569 | font-size: 11px; |
| 1570 | text-transform: uppercase; |
| 1571 | font-weight: 500; |
| 1572 | } |
| 1573 | .dataviews-view-table .dataviews-view-table-header-button:not(:hover) { |
| 1574 | color: #1e1e1e; |
| 1575 | } |
| 1576 | .dataviews-view-table .dataviews-view-table-header-button span { |
| 1577 | speak: none; |
| 1578 | } |
| 1579 | .dataviews-view-table .dataviews-view-table-header-button span:empty { |
| 1580 | display: none; |
| 1581 | } |
| 1582 | .dataviews-view-table .dataviews-view-table-header { |
| 1583 | padding-left: 4px; |
| 1584 | } |
| 1585 | .dataviews-view-table .dataviews-view-table__actions-column { |
| 1586 | width: auto; |
| 1587 | white-space: nowrap; |
| 1588 | } |
| 1589 | .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input { |
| 1590 | opacity: 1; |
| 1591 | } |
| 1592 | .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) { |
| 1593 | padding-left: 0; |
| 1594 | } |
| 1595 | .dataviews-view-table.has-compact-density td, |
| 1596 | .dataviews-view-table.has-compact-density th { |
| 1597 | padding: 4px 8px; |
| 1598 | } |
| 1599 | .dataviews-view-table.has-comfortable-density td, |
| 1600 | .dataviews-view-table.has-comfortable-density th { |
| 1601 | padding: 16px 12px; |
| 1602 | } |
| 1603 | .dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column, |
| 1604 | .dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column, |
| 1605 | .dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column { |
| 1606 | padding-right: 0; |
| 1607 | } |
| 1608 | @container (max-width: 430px) { |
| 1609 | .dataviews-view-table tr td:first-child, |
| 1610 | .dataviews-view-table tr th:first-child { |
| 1611 | padding-left: 24px; |
| 1612 | } |
| 1613 | .dataviews-view-table tr td:last-child, |
| 1614 | .dataviews-view-table tr th:last-child { |
| 1615 | padding-right: 24px; |
| 1616 | } |
| 1617 | } |
| 1618 | .dataviews-view-table-selection-checkbox { |
| 1619 | --checkbox-input-size: 24px; |
| 1620 | } |
| 1621 | @media (min-width: 600px) { |
| 1622 | .dataviews-view-table-selection-checkbox { |
| 1623 | --checkbox-input-size: 16px; |
| 1624 | } |
| 1625 | } |
| 1626 | .dataviews-column-primary__media { |
| 1627 | max-width: 60px; |
| 1628 | overflow: hidden; |
| 1629 | position: relative; |
| 1630 | flex-shrink: 0; |
| 1631 | background-color: #fff; |
| 1632 | border-radius: 4px; |
| 1633 | } |
| 1634 | .dataviews-column-primary__media img { |
| 1635 | width: 100%; |
| 1636 | height: 100%; |
| 1637 | object-fit: cover; |
| 1638 | } |
| 1639 | .dataviews-column-primary__media::after { |
| 1640 | content: ""; |
| 1641 | position: absolute; |
| 1642 | top: 0; |
| 1643 | left: 0; |
| 1644 | width: 100%; |
| 1645 | height: 100%; |
| 1646 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
| 1647 | border-radius: 4px; |
| 1648 | } |
| 1649 | .dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media), |
| 1650 | .dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) { |
| 1651 | min-width: 15ch; |
| 1652 | max-width: 80ch; |
| 1653 | } |
| 1654 | .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell { |
| 1655 | font-weight: 500; |
| 1656 | padding: 12px 48px; |
| 1657 | color: #1e1e1e; |
| 1658 | } |
| 1659 | /* Column width intents via colgroup: make non-primary columns shrink-to-fit */ |
| 1660 | .dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-primary) { |
| 1661 | width: 1%; |
| 1662 | } |
| 1663 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card { |
| 1664 | height: 100%; |
| 1665 | justify-content: flex-start; |
| 1666 | position: relative; |
| 1667 | } |
| 1668 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions { |
| 1669 | padding: 8px 0 4px; |
| 1670 | } |
| 1671 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field { |
| 1672 | min-height: 24px; |
| 1673 | overflow: hidden; |
| 1674 | align-content: center; |
| 1675 | text-align: start; |
| 1676 | } |
| 1677 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable { |
| 1678 | width: fit-content; |
| 1679 | } |
| 1680 | .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 { |
| 1681 | color: #1e1e1e; |
| 1682 | } |
| 1683 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after, |
| 1684 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after { |
| 1685 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 1686 | } |
| 1687 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after { |
| 1688 | box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
| 1689 | } |
| 1690 | .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after { |
| 1691 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 1692 | } |
| 1693 | .dataviews-view-picker-grid:focus-visible[aria-activedescendant] { |
| 1694 | outline: none; |
| 1695 | } |
| 1696 | .dataviews-view-picker-grid:focus-visible [data-active-item=true] { |
| 1697 | outline: 2px solid var(--wp-admin-theme-color); |
| 1698 | } |
| 1699 | .dataviews-view-picker-grid .dataviews-selection-checkbox { |
| 1700 | top: 8px !important; |
| 1701 | } |
| 1702 | .dataviews-view-picker-grid .dataviews-selection-checkbox input { |
| 1703 | pointer-events: none; |
| 1704 | } |
| 1705 | .dataviews-view-picker-grid .dataviews-view-picker-grid__media { |
| 1706 | width: 100%; |
| 1707 | aspect-ratio: 1/1; |
| 1708 | background-color: #fff; |
| 1709 | border-radius: 4px; |
| 1710 | position: relative; |
| 1711 | } |
| 1712 | .dataviews-view-picker-grid .dataviews-view-picker-grid__media img { |
| 1713 | object-fit: cover; |
| 1714 | width: 100%; |
| 1715 | height: 100%; |
| 1716 | } |
| 1717 | .dataviews-view-picker-grid .dataviews-view-picker-grid__media::after { |
| 1718 | content: ""; |
| 1719 | position: absolute; |
| 1720 | top: 0; |
| 1721 | left: 0; |
| 1722 | width: 100%; |
| 1723 | height: 100%; |
| 1724 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
| 1725 | border-radius: 4px; |
| 1726 | pointer-events: none; |
| 1727 | } |
| 1728 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields { |
| 1729 | position: relative; |
| 1730 | font-size: 12px; |
| 1731 | line-height: 16px; |
| 1732 | } |
| 1733 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) { |
| 1734 | padding: 0 0 12px; |
| 1735 | } |
| 1736 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) { |
| 1737 | min-height: 24px; |
| 1738 | line-height: 20px; |
| 1739 | padding-top: 2px; |
| 1740 | } |
| 1741 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field { |
| 1742 | min-height: 24px; |
| 1743 | align-items: center; |
| 1744 | } |
| 1745 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name { |
| 1746 | width: 35%; |
| 1747 | color: #757575; |
| 1748 | overflow: hidden; |
| 1749 | text-overflow: ellipsis; |
| 1750 | white-space: nowrap; |
| 1751 | } |
| 1752 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value { |
| 1753 | width: 65%; |
| 1754 | overflow: hidden; |
| 1755 | text-overflow: ellipsis; |
| 1756 | white-space: nowrap; |
| 1757 | } |
| 1758 | .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field:not(:has(.dataviews-view-picker-grid__field-value:not(:empty))) { |
| 1759 | display: none; |
| 1760 | } |
| 1761 | .dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) { |
| 1762 | padding-bottom: 12px; |
| 1763 | } |
| 1764 | .dataviews-view-picker-grid__field-value:empty, |
| 1765 | .dataviews-view-picker-grid__field:empty { |
| 1766 | display: none; |
| 1767 | } |
| 1768 | .dataviews-view-picker-grid__card .dataviews-selection-checkbox { |
| 1769 | position: absolute; |
| 1770 | top: -9999em; |
| 1771 | left: 8px; |
| 1772 | z-index: 1; |
| 1773 | } |
| 1774 | @media (hover: none) { |
| 1775 | .dataviews-view-picker-grid__card .dataviews-selection-checkbox { |
| 1776 | top: 8px; |
| 1777 | } |
| 1778 | } |
| 1779 | .dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox, |
| 1780 | .dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox, |
| 1781 | .dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox { |
| 1782 | top: 8px; |
| 1783 | } |
| 1784 | .dataviews-view-picker-grid__media--clickable { |
| 1785 | cursor: pointer; |
| 1786 | } |
| 1787 | .dataviews-view-picker-grid-group__header { |
| 1788 | font-size: 15px; |
| 1789 | font-weight: 500; |
| 1790 | color: #1e1e1e; |
| 1791 | margin: 0 0 8px 0; |
| 1792 | padding: 0 48px; |
| 1793 | } |
| 1794 | .dataviews-controls__datetime { |
| 1795 | border: none; |
| 1796 | padding: 0; |
| 1797 | } |
| 1798 | .dataviews-controls__relative-date-number, |
| 1799 | .dataviews-controls__relative-date-unit { |
| 1800 | flex: 1 1 50%; |
| 1801 | } |
| 1802 | .dataviews-controls__date input[type=date]::-webkit-inner-spin-button, |
| 1803 | .dataviews-controls__date input[type=date]::-webkit-calendar-picker-indicator { |
| 1804 | display: none; |
| 1805 | -webkit-appearance: none; |
| 1806 | } |
| 1807 | .dataviews-controls__date-preset { |
| 1808 | border: 1px solid #ddd; |
| 1809 | } |
| 1810 | .dataviews-controls__date-preset:active { |
| 1811 | background-color: #000; |
| 1812 | } |
| 1813 | .dataforms-layouts-panel__field { |
| 1814 | width: 100%; |
| 1815 | min-height: 32px; |
| 1816 | justify-content: flex-start !important; |
| 1817 | align-items: flex-start !important; |
| 1818 | } |
| 1819 | .dataforms-layouts-panel__field-label { |
| 1820 | width: 38%; |
| 1821 | flex-shrink: 0; |
| 1822 | min-height: 32px; |
| 1823 | display: flex; |
| 1824 | align-items: center; |
| 1825 | line-height: 20px; |
| 1826 | hyphens: auto; |
| 1827 | } |
| 1828 | .dataforms-layouts-panel__field-label--label-position-side { |
| 1829 | align-self: center; |
| 1830 | } |
| 1831 | .dataforms-layouts-panel__field-control { |
| 1832 | flex-grow: 1; |
| 1833 | min-height: 32px; |
| 1834 | display: flex; |
| 1835 | align-items: center; |
| 1836 | } |
| 1837 | .dataforms-layouts-panel__field-control .components-button { |
| 1838 | max-width: 100%; |
| 1839 | text-align: left; |
| 1840 | white-space: normal; |
| 1841 | text-wrap: balance; |
| 1842 | text-wrap: pretty; |
| 1843 | min-height: 32px; |
| 1844 | } |
| 1845 | .dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] { |
| 1846 | text-decoration: none; |
| 1847 | } |
| 1848 | .dataforms-layouts-panel__field-control .components-dropdown { |
| 1849 | max-width: 100%; |
| 1850 | } |
| 1851 | .dataforms-layouts-panel__field-dropdown .components-popover__content { |
| 1852 | min-width: 320px; |
| 1853 | padding: 16px; |
| 1854 | } |
| 1855 | .dataforms-layouts-panel__dropdown-header { |
| 1856 | margin-bottom: 16px; |
| 1857 | } |
| 1858 | .dataforms-layouts-panel__modal-footer { |
| 1859 | margin-top: 16px; |
| 1860 | } |
| 1861 | .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown { |
| 1862 | z-index: 159990; |
| 1863 | } |
| 1864 | .dataforms-layouts-regular__field { |
| 1865 | width: 100%; |
| 1866 | min-height: 32px; |
| 1867 | justify-content: flex-start !important; |
| 1868 | align-items: flex-start !important; |
| 1869 | } |
| 1870 | .dataforms-layouts-regular__field-label { |
| 1871 | width: 38%; |
| 1872 | flex-shrink: 0; |
| 1873 | min-height: 32px; |
| 1874 | display: flex; |
| 1875 | align-items: center; |
| 1876 | line-height: 20px; |
| 1877 | hyphens: auto; |
| 1878 | } |
| 1879 | .dataforms-layouts-regular__field-label--label-position-side { |
| 1880 | align-self: center; |
| 1881 | } |
| 1882 | .dataforms-layouts-regular__field-control { |
| 1883 | flex-grow: 1; |
| 1884 | min-height: 32px; |
| 1885 | display: flex; |
| 1886 | align-items: center; |
| 1887 | } |
| 1888 | .dataforms-layouts-card__field-header-label { |
| 1889 | font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 1890 | font-weight: 500; |
| 1891 | font-size: 15px; |
| 1892 | line-height: 20px; |
| 1893 | } |
| 1894 | .dataforms-layouts-card__field { |
| 1895 | width: 100%; |
| 1896 | } |
| 1897 | .dataforms-layouts-card__field-description { |
| 1898 | color: #757575; |
| 1899 | display: block; |
| 1900 | font-size: 13px; |
| 1901 | margin-bottom: 16px; |
| 1902 | } |
| 1903 | .dataforms-layouts-card__field-summary { |
| 1904 | display: flex; |
| 1905 | flex-direction: row; |
| 1906 | gap: 16px; |
| 1907 | } |
| 1908 | .dataforms-layouts-row__field-control { |
| 1909 | width: 100%; |
| 1910 | } |
| 1911 | .dataforms-layouts__wrapper { |
| 1912 | font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 1913 | font-weight: 400; |
| 1914 | font-size: 13px; |
| 1915 | line-height: 20px; |
| 1916 | } |
| 1917 | :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} |
| 1918 | @media(min-resolution: 192dpi){:root{--wp-admin-border-width-focus: 1.5px}} |
| 1919 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page{background-color:var(--wpds-color-background-surface-neutral)} |
| 1920 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #wpcontent,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #wpbody-content,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wrap.woocommerce{background-color:var(--wpds-color-background-surface-neutral)} |
| 1921 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .woocommerce-layout__header{background-color:var(--wpds-color-background-surface-neutral-strong)} |
| 1922 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform{padding:0 48px 48px} |
| 1923 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform>.submit{display:none} |
| 1924 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell{background:rgba(0,0,0,0);box-sizing:border-box;color:var(--wpds-color-foreground-content-neutral);font-size:var(--wpds-typography-font-size-md);height:auto;line-height:var(--wpds-typography-line-height-sm);margin:0 -48px} |
| 1925 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell:has(.wc-settings-ui-shell__navigation) .wc-settings-ui-shell__header{border-bottom:0} |
| 1926 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__header{background:var(--wpds-color-background-surface-neutral-strong);border-bottom:1px solid var(--wpds-color-stroke-surface-neutral-weak);padding:24px 48px} |
| 1927 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__title{font-size:16px;font-weight:var(--wpds-typography-font-weight-medium);line-height:var(--wpds-typography-line-height-md);margin:0} |
| 1928 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__header-row>.wc-settings-ui-shell__badge{margin-inline-start:var(--wpds-dimension-gap-sm, 8px)} |
| 1929 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__header-actions{flex:0 0 auto;margin-inline-start:auto} |
| 1930 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__subtitle{color:var(--wpds-color-foreground-content-neutral-weak)} |
| 1931 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .wc-settings-ui-shell__breadcrumbs{font-size:16px;line-height:var(--wpds-typography-line-height-md);margin:0} |
| 1932 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumb::after{color:var(--wpds-color-foreground-content-neutral-weak);content:"/";margin:0 var(--wpds-dimension-gap-sm, 8px)} |
| 1933 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumb a{color:var(--wpds-color-foreground-content-neutral);text-decoration:underline} |
| 1934 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumb a:focus,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumb a:hover{color:var(--wpds-color-foreground-interactive-brand)} |
| 1935 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__navigation{border-bottom:1px solid var(--wpds-color-stroke-surface-neutral-weak);margin:0;width:100%} |
| 1936 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tabs{background:var(--wpds-color-background-surface-neutral-strong);box-sizing:border-box;display:flex;margin:0 !important;overflow-x:auto;padding:0 48px;width:100%} |
| 1937 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab{align-items:center;color:var(--wpds-color-foreground-interactive-neutral);display:inline-flex;font-size:var(--wpds-typography-font-size-md);font-weight:var(--wpds-typography-font-weight-medium);height:48px;line-height:var(--wpds-typography-line-height-sm);padding:0 var(--wpds-dimension-padding-lg);position:relative;text-decoration:none;white-space:nowrap} |
| 1938 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab:focus,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab:hover,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab:active{box-shadow:none;color:var(--wpds-color-foreground-interactive-brand);outline:none} |
| 1939 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab.is-active{color:var(--wpds-color-foreground-interactive-neutral)} |
| 1940 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab.is-active::after{background:var(--wpds-color-stroke-interactive-brand);border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0} |
| 1941 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__notice{margin:24px 48px 0} |
| 1942 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui{box-sizing:border-box;margin:32px auto 48px;max-width:var(--wpds-dimension-surface-width-xl)} |
| 1943 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-heading{min-width:0} |
| 1944 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-description{color:var(--wpds-color-foreground-content-neutral-weak);margin:8px 0 0} |
| 1945 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-description p{margin:0 0 8px} |
| 1946 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-description p:last-child{margin-bottom:0} |
| 1947 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-actions{flex:0 0 auto} |
| 1948 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__field{margin:0;width:100%} |
| 1949 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__info{background:var(--wpds-color-background-surface-neutral-weak);border-radius:var(--wpds-border-radius-md);padding:16px} |
| 1950 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__info strong{display:block;margin-bottom:4px} |
| 1951 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__info p{margin:0} |
| 1952 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__control.components-base-control{margin-bottom:0;width:100%} |
| 1953 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__control .components-base-control__field{margin-bottom:0} |
| 1954 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__control .components-base-control__help{color:var(--wpds-color-foreground-content-neutral-weak);font-size:13px;line-height:20px;margin-top:8px} |
| 1955 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control{position:relative} |
| 1956 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-input{appearance:textfield;border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 rgba(0,0,0,0);box-sizing:border-box;font-family:inherit;font-size:16px;line-height:normal;margin:0;min-height:40px;padding:6px 12px;padding-right:64px;transition:box-shadow .1s linear;width:100%} |
| 1957 | @media(min-width: 600px){body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-input{font-size:13px}} |
| 1958 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid rgba(0,0,0,0)} |
| 1959 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-input::-webkit-inner-spin-button,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-input::-webkit-outer-spin-button{appearance:none;margin:0} |
| 1960 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-spin-buttons{display:flex;position:absolute;right:6px;top:50%;transform:translateY(-50%)} |
| 1961 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__unsaved-changes-portal{position:relative;z-index:100000} |
| 1962 | @media(max-width: 960px){body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform{padding:0 24px 32px}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell{margin-left:-24px;margin-right:-24px}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__header{padding-left:24px;padding-right:24px}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tabs{padding-left:24px;padding-right:24px}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__notice{margin-left:24px;margin-right:24px}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui{margin:48px 24px 32px;max-width:none}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-header{display:block}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-actions{margin-top:16px}} |
| 1963 | :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}}.woocommerce-settings-payments__back-button.has-icon{padding:0;height:24px;width:24px;min-width:24px} |
| 1964 | :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}}.woocommerce-layout__header .woocommerce-layout__header-wrapper{flex-wrap:wrap}.woocommerce-layout__header .woocommerce-layout__header-heading .woocommerce-settings-payments-header__title{font-style:normal;line-height:24px}.woocommerce-layout__header .woocommerce-settings-payments-header__description{font-size:13px;font-weight:400;line-height:20px;color:#757575;flex-basis:100%}.woocommerce-layout__header:has(.woocommerce-settings-payments-header__description) .woocommerce-layout__header-heading,.woocommerce-layout__header:has(.woocommerce-settings-payments-header__description) .woocommerce-settings-payments-header__title,.woocommerce-layout__header:has(.woocommerce-settings-payments-header__description) .woocommerce-settings-payments-header__description{display:block} |
| 1965 | :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}}.woocommerce-item__payment-gateway-placeholder{border-top:1px solid #e0e0e0;border-bottom:none;padding:0 48px}.woocommerce-item__payment-gateway-placeholder:nth-last-child(1 of .woocommerce-item__payment-gateway-placeholder){border-bottom:1px solid #e0e0e0}.woocommerce-item__payment-gateway-placeholder:hover{background-color:#fff}.woocommerce-item__payment-gateway-placeholder .woocommerce-list__item-inner{padding:24px 0;align-items:flex-start}.woocommerce-item__payment-gateway-placeholder .drag-handle-wrapper{margin-right:20px}.woocommerce-item__payment-gateway-placeholder .list-placeholder__title,.woocommerce-item__payment-gateway-placeholder .list-placeholder__after,.woocommerce-item__payment-gateway-placeholder .list-placeholder__before,.woocommerce-item__payment-gateway-placeholder .list-placeholder__content{background-color:#f0f0f0;border-radius:4px}.woocommerce-item__payment-gateway-placeholder .list-placeholder__title{width:120px;height:20px}.woocommerce-item__payment-gateway-placeholder .list-placeholder__after{height:32px;width:104px}.woocommerce-item__payment-gateway-placeholder .list-placeholder__before{width:40px;height:40px}.woocommerce-item__payment-gateway-placeholder .list-placeholder__content{width:360px;height:20px} |
| 1966 | :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}}.sortable-container .sortable-item.is-dragging{z-index:100;position:relative;box-shadow:0 0 1px 1px #e0e0e0}.sortable-container .drag-handle-wrapper{margin-right:16px;align-self:stretch;align-content:center}.sortable-container .drag-handle-wrapper:hover{cursor:grab}.sortable-container .drag-handle-wrapper:focus-visible{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))}.sortable-container .drag-handle-wrapper:last-child{margin-right:0}.sortable-container .drag-handle{line-height:0;align-content:center} |
| 1967 | :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}}@media screen and (max-width: 782px){.components-modal__frame{margin:auto}}.woocommerce-woopayments-modal{max-width:512px}@media screen and (max-width: 782px){.woocommerce-woopayments-modal{max-width:343px}}.woocommerce-woopayments-modal .components-modal__header-heading{font-size:20px;line-height:28px;font-weight:300;text-wrap:auto;color:#1e1e1e}.woocommerce-woopayments-modal__content{display:flex;gap:24px;flex-direction:column;padding:12px 0 16px 0}.woocommerce-woopayments-modal__content__item{line-height:20px;font-weight:400;color:#1e1e1e}.woocommerce-woopayments-modal__content__item__description{color:#757575}.woocommerce-woopayments-modal__content__item h2{margin:0;font-size:16px;line-height:24px;color:#1e1e1e}.woocommerce-woopayments-modal__content__item h3{margin:0;font-size:13px;line-height:20px;color:#1e1e1e;font-weight:600}.woocommerce-woopayments-modal__content__item a{font-weight:500}.woocommerce-woopayments-modal__content__item p{margin:0}.woocommerce-woopayments-modal__content__item-flex{display:flex;gap:16px}.woocommerce-woopayments-modal__content__item-flex img{width:24px;height:24px}.woocommerce-woopayments-modal__content__item-flex__description{display:flex;gap:6px;flex-direction:column;line-height:20px;color:#757575}.woocommerce-woopayments-modal__content__item-flex__description h3{margin:0;font-size:13px;line-height:20px;color:#1e1e1e}.woocommerce-woopayments-modal__content__item-flex__description a{font-weight:500}.woocommerce-woopayments-modal__content__item-flex__description p{margin:0}.woocommerce-woopayments-modal__actions{flex-direction:row-reverse;padding:24px 0 0 0;display:flex;gap:12px}.woocommerce-woopayments-modal__actions .components-button.is-secondary.danger:not(:disabled){background-color:#d63638;color:#fff;box-shadow:none}.woocommerce-woopayments-modal__actions .components-button.is-secondary.danger:hover:not(:disabled){background-color:#8a2424}@keyframes SpinnerAnimationShow{0%{opacity:0}100%{opacity:1}}@keyframes SpinnerAnimationRotation{0%{transform:scaleX(-1) rotateZ(0deg)}50%{transform:scaleX(-1) rotateZ(-180deg)}100%{transform:scaleX(-1) rotateZ(-360deg)}}.stripe-spinner{animation:SpinnerAnimationShow 250ms ease,SpinnerAnimationRotation .7s linear infinite;transition-timing-function:ease;transition-property:opacity,transform;transform-origin:50% 50%;display:inline-block;vertical-align:middle}.woocommerce-embed-page #wpbody .woocommerce-layout,.woocommerce-embed-page .woocommerce-layout__notice-list-hide+.wrap{padding-top:0}.settings-payments-main__container{margin:0 -30px;padding-bottom:32px}.settings-payments-main__container .settings-payment-gateways__header{display:flex;justify-content:space-between;padding:8px 48px 24px;align-items:center}@media screen and (max-width: 1080px){.settings-payments-main__container .settings-payment-gateways__header{padding:8px 24px 24px}}@media screen and (max-width: 782px){.settings-payments-main__container .settings-payment-gateways__header{padding:8px 16px 24px}}@media screen and (max-width: 480px){.settings-payments-main__container .settings-payment-gateways__header{display:block}}.settings-payments-main__container .settings-payment-gateways__header-title{font-size:16px;font-weight:600;line-height:24px}.settings-payments-main__container .settings-payment-gateways__header-select-container{min-width:280px;min-height:36px;background-color:#fff;border:1px solid #ddd;display:flex;align-items:center;border-radius:2px;position:relative}.settings-payments-main__container .settings-payment-gateways__header-select-container .components-input-control__prefix{min-width:fit-content;padding-left:12px;color:#757575}.settings-payments-main__container .settings-payment-gateways__header-select-container .components-select-control__input{min-height:32px}.settings-payments-main__container .settings-payment-gateways__header-select-container .components-base-control__field{margin-bottom:0}.settings-payments-main__container .settings-payment-gateways__header-select-container--indicator{height:28px;cursor:pointer;padding-top:8px;margin-left:auto;border-radius:2px}.settings-payments-main__container .settings-payment-gateways__header-select-container--indicator:focus{outline:1.5px solid var(--wp-admin-theme-color, #007cba);outline-offset:-1.5px}.settings-payments-main__container .settings-payment-gateways__header-select-container--indicator:focus:not(:focus-visible){outline:none}.settings-payments-main__container .settings-payment-gateways__header-select-container--indicator:focus-visible{outline:1.5px solid var(--wp-admin-theme-color, #007cba);outline-offset:-1.5px}.settings-payments-main__container .settings-payment-gateways__header-select-container--indicator-icon{border-left:1px solid #e0e0e0;height:20px;padding:0 5px}.settings-payments-main__container .settings-payment-gateways__header-select-container--indicator-icon svg{fill:#ffb900;width:20px;height:20px}@media screen and (max-width: 480px){.settings-payments-main__container .settings-payment-gateways__header-select-container{margin-top:16px}}.settings-payments-main__container .woocommerce-list__item-recurring-payments-icon:hover{cursor:pointer}.settings-payments-main__container .other-payment-gateways__header__title-image-placeholder{width:24px;height:24px;background-color:#f0f0f0;border-radius:4px}.settings-payments-main__container .other-payment-gateways{border:1px solid #e0e0e0;border-radius:4px;margin:32px 48px 0 48px;padding:24px 24px}.settings-payments-main__container .other-payment-gateways__header{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.settings-payments-main__container .other-payment-gateways__header:focus{outline:2px solid var(--wp-admin-theme-color, #007cba);outline-offset:2px}.settings-payments-main__container .other-payment-gateways__header__title{display:flex;gap:10px;font-size:16px;font-weight:600;line-height:24px;align-items:center}.settings-payments-main__container .other-payment-gateways__header__title-image{width:24px;height:24px;border-radius:2px}@media screen and (max-width: 782px){.settings-payments-main__container .other-payment-gateways__header__title{font-weight:500}}.settings-payments-main__container .other-payment-gateways__header__arrow{padding:4px}.settings-payments-main__container .other-payment-gateways__header .components-button:focus:not(:disabled){box-shadow:none;outline:none}.settings-payments-main__container .other-payment-gateways__header .components-button{color:#1e1e1e}.settings-payments-main__container .other-payment-gateways__header .screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.settings-payments-main__container .other-payment-gateways.is-expanded .other-payment-gateways__header{margin-bottom:32px}.settings-payments-main__container .other-payment-gateways__content{display:flex;flex-direction:column;gap:16px}.settings-payments-main__container .other-payment-gateways__content__category-container{border-bottom:1px solid #f0f0f0}.settings-payments-main__container .other-payment-gateways__content__category-container:nth-last-child(1 of .other-payment-gateways__content__category-container){border-bottom:none}.settings-payments-main__container .other-payment-gateways__content__category-container:nth-last-child(1 of .other-payment-gateways__content__category-container) .other-payment-gateways__content__grid{padding-bottom:0}.settings-payments-main__container .other-payment-gateways__content__title{display:flex;gap:4px;align-items:center}.settings-payments-main__container .other-payment-gateways__content__title__h3{text-transform:uppercase;font-size:12px;font-weight:500;color:#1e1e1e;line-height:16px;margin:0}.settings-payments-main__container .other-payment-gateways__content__title__icon-container{height:16px;cursor:pointer}.settings-payments-main__container .other-payment-gateways__content__title__icon{color:#757575;width:16px;height:16px}.settings-payments-main__container .other-payment-gateways__content__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;padding:16px 0}@media screen and (max-width: 1280px){.settings-payments-main__container .other-payment-gateways__content__grid{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 782px){.settings-payments-main__container .other-payment-gateways__content__grid{grid-template-columns:repeat(1, 1fr)}}.settings-payments-main__container .other-payment-gateways__content__grid-item{display:flex;align-items:flex-start;padding:16px 0}@media screen and (min-width: 1080px){.settings-payments-main__container .other-payment-gateways__content__grid-item{max-width:480px}}.settings-payments-main__container .other-payment-gateways__content__grid-item-image{width:40px;height:40px;margin-right:20px;border-radius:4px}@media screen and (max-width: 782px){.settings-payments-main__container .other-payment-gateways__content__grid-item-image{width:24px;height:24px}}.settings-payments-main__container .other-payment-gateways__content__grid-item__content{display:flex;flex-direction:column;gap:4px}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__title{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;font-weight:600;line-height:20px}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__description{display:block;font-size:13px;font-weight:400;line-height:20px;color:#757575}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__actions{display:flex;gap:8px;padding-top:4px}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__actions button{align-self:flex-start}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__actions button.components-button.is-link{text-decoration:none;padding-right:12px}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__actions button.components-button.is-link.is-busy{background:none}.settings-payments-main__container .other-payment-gateways__content__grid-item__content__actions button.components-button.is-link.is-busy::after{display:inline-block;animation:three-dots-loader steps(1, end) 1s infinite;content:""}@keyframes three-dots-loader{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}100%{content:""}}.settings-payments-main__container .other-payment-gateways__content__external-icon{padding:4px}@media screen and (max-width: 1080px){.settings-payments-main__container .other-payment-gateways{margin:32px 24px 0 24px}}@media screen and (max-width: 782px){.settings-payments-main__container .other-payment-gateways{margin:32px 16px 0 16px;padding:8px 16px}}.settings-payments-main__container .woocommerce-status-badge-popover .components-popover__content-container{width:236px}.settings-payments-main__container .more-payment-options-link{padding:0;text-decoration:none}.settings-payments-main__container .more-payment-options-link img{height:16px;margin-right:4px}.settings-payments-main__container .more-payment-options{padding:25px 54px}@media screen and (max-width: 1080px){.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder{padding:0 24px}}@media screen and (max-width: 782px){.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder{padding:0 16px}.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder .woocommerce-list__item-inner{display:grid;grid-template-columns:30px minmax(200px, 1fr) 40px}.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder .woocommerce-list__item-before{margin-right:0}.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder .woocommerce-list__item-before .drag-handle-wrapper{margin-right:10px}.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder .woocommerce-list__item-before .list-placeholder__before{display:none}.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder .list-placeholder__content{width:80%}.settings-payments-main__container .woocommerce-item__payment-gateway-placeholder .woocommerce-list__item-after{display:none}.settings-payments-main__container .more-payment-options{padding-left:25px}}.woocommerce-official-extension-badge{display:inline-flex;align-items:center;background:none;border:none;border-radius:0;padding:0}.woocommerce-official-extension-badge>.woocommerce-official-extension-badge__container{cursor:pointer;display:inline-flex;align-items:center;gap:2px;padding:2px 4px 2px 2px}.woocommerce-official-extension-badge>.woocommerce-official-extension-badge__container>img{height:16px}.settings-payment-gateways__header-select-container--indicator-popover .components-popover__content,.woocommerce-official-extension-badge-popover .components-popover__content,.woocommerce-status-badge-popover .components-popover__content,.other-payment-gateways__content__title-popover .components-popover__content{background:#fff;color:#1e1e1e;padding:12px;border:1px solid #f0f0f0;box-shadow:none;border-radius:3px}.settings-payment-gateways__header-select-container--indicator-popover .components-popover__content a,.woocommerce-official-extension-badge-popover .components-popover__content a,.woocommerce-status-badge-popover .components-popover__content a,.other-payment-gateways__content__title-popover .components-popover__content a{outline:none;text-decoration:underline}.settings-payment-gateways__header-select-container--indicator-popover .components-popover__content-container,.woocommerce-official-extension-badge-popover .components-popover__content-container,.woocommerce-status-badge-popover .components-popover__content-container,.other-payment-gateways__content__title-popover .components-popover__content-container{width:216px;font-size:13px;line-height:20px}.settings-payment-gateways__header-select-container--indicator-popover .components-popover__content-container p:first-of-type,.woocommerce-official-extension-badge-popover .components-popover__content-container p:first-of-type,.woocommerce-status-badge-popover .components-popover__content-container p:first-of-type,.other-payment-gateways__content__title-popover .components-popover__content-container p:first-of-type{margin-top:0}.settings-payment-gateways__header-select-container--indicator-popover .components-popover__content-container p:last-of-type,.woocommerce-official-extension-badge-popover .components-popover__content-container p:last-of-type,.woocommerce-status-badge-popover .components-popover__content-container p:last-of-type,.other-payment-gateways__content__title-popover .components-popover__content-container p:last-of-type{margin-bottom:0}.settings-payment-gateways__header-select-container--indicator-popover .components-popover__content-container{width:236px}.other-payment-gateways__content__title-popover .components-popover__content-container{width:256px}.settings-payments-offline__container .settings-payments-offline__header{display:flex;padding:8px 48px 24px;align-items:center}.settings-payments-offline__container .settings-payments-offline__header h1{padding-left:16px;padding-top:4px;font-size:15px;font-weight:500;color:#1e1e1e}.settings-payments-offline__container .settings-payments-offline__header h1 .woocommerce-settings-payments-header__title{line-height:24px} |
| 1968 | :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}}.woocommerce_tax_settings_conflict_error{padding:15px 10px;min-width:400px;width:400px}.woocommerce_tax_settings_conflict_error_card_body{display:flex;flex-direction:row;padding-right:16px !important}.woocommerce_tax_settings_conflict_error_card_body__warning_icon{width:20px;height:20px;margin-block:10px;margin-right:16px}.woocommerce_tax_settings_conflict_error_card_body__body_text{margin-bottom:16px}.woocommerce_tax_settings_conflict_error_card_body__close_icon{padding:0;height:24px;color:gray}.woocommerce_admin_tax_settings_slotfill_th,.woocommerce_admin_tax_settings_slotfill_td{padding:0 !important}[aria-labelledby=select2-woocommerce_tax_display_shop-container].is-conflict{border:red !important;border-style:solid !important;border-width:1px !important} |
| 1969 | :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}}.woocommerce-recommended-payments-card{margin:0 15px 10px 0;animation:isLoaded;animation-duration:250ms}.woocommerce-recommended-payments-card .woocommerce-list__item:hover{background-color:#fff}.woocommerce-recommended-payments-card .woocommerce-list__item:hover .woocommerce-list__item-title{color:#1e1e1e}.woocommerce-recommended-payments-card .woocommerce-list__item-title{font-size:14px;color:#1e1e1e;font-weight:600}.woocommerce-recommended-payments-card .woocommerce-review-activity-card__section-controls{text-align:center}.woocommerce-recommended-payments-card .woocommerce-pill{margin-left:4px;padding:2px 8px}@media(max-width: 480px){.woocommerce-recommended-payments-card .woocommerce-pill{margin-top:4px;margin-bottom:4px}}.woocommerce-recommended-payments-card .components-card__footer .gridicon{margin-left:4px}.woocommerce-recommended-payments-card .woocommerce-list__item-enter{opacity:0;max-height:100vh;transform:none}.woocommerce-recommended-payments-card .woocommerce-list__item-enter-active{opacity:1;transition:opacity 200ms}.woocommerce-recommended-payments-card .woocommerce-list__item-after .components-button{margin-left:12px}.woocommerce-recommended-payments-card .woocommerce-list__item-before img{max-width:96px;height:36px;border-radius:8px}.woocommerce-recommended-payments-card .woocommerce-list__item-text,.woocommerce-recommended-payments-card .woocommerce-recommended-payments__header-heading{max-width:749px}@media(max-width: 782px){.woocommerce-recommended-payments-card{margin:0 0 10px 0}} |
| 1970 | :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}}.woocommerce-lys-status{flex:1 auto;padding-left:12px}.woocommerce-lys-status-pill-wrapper{display:inline-block}.woocommerce-lys-status-pill{display:flex;align-items:center;background-color:#eaeaeb;color:#1e1e1e;padding:0 3px 0 10px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;height:24px}.woocommerce-lys-status-pill svg{margin-left:4px}.woocommerce-lys-status-pill.is-live{background-color:#e6f2e8;color:#005c12}.woocommerce-lys-status-pill.is-live::before{content:"";width:6px;height:6px;border-radius:3px;background-color:#005c12;margin-right:4px}.woocommerce-lys-status-popover a.components-button.components-menu-item__button{padding:6px 8px}.woocommerce-lys-status-popover .components-menu-item__item svg{margin-right:8px}.woocommerce-lys-status-dropdown .components-button{padding:0;height:auto;border-radius:4px} |
| 1971 | :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}}.woocommerce-lys-homescreen-status-tour-kit{color:#1e1e1e}.woocommerce-lys-homescreen-status-tour-kit .woocommerce-tour-kit-step{border-radius:8px;border:1px solid #dcdcdc;box-shadow:0 2px 6px 0 rgba(0,0,0,.05);width:257px;padding-bottom:0}.woocommerce-lys-homescreen-status-tour-kit .components-card__footer{display:none}.woocommerce-lys-homescreen-status-tour-kit .tour-kit-frame__container{box-shadow:none;background:none}.woocommerce-lys-homescreen-status-tour-kit .components-elevation{display:none}.woocommerce-lys-homescreen-status-tour-kit .woocommerce-tour-kit-step__body{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjkiIGhlaWdodD0iNzEiIHZpZXdCb3g9IjAgMCAxMjkgNzEiIGZpbGw9Im5vbmUiPgogIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNDY0XzYwOTcpIj4KICAgIDxwYXRoIGQ9Ik04My43MDgyIDBIMi4xMDYxMkMwLjk0MTY4IDAgMCAxLjA4MjA0IDAgMi40MTY4OVY1Mi4yNDEzQzAgNTMuNTc2MSAwLjk0MTY4IDU0LjY1ODIgMi4xMDYxMiA1NC42NTgySDgzLjcwODJDODQuODcyNyA1NC42NTgyIDg1LjgxNDQgNTMuNTc2MSA4NS44MTQ0IDUyLjI0MTNWMi40MTY4OUM4NS44MTQ0IDEuMDgyMDQgODQuODcyNyAwIDgzLjcwODIgMFoiIGZpbGw9IiNFNUU1RTUiIGZpbGwtb3BhY2l0eT0iMC41Ii8+CiAgICA8cGF0aCBkPSJNNTIuMTM3MSA0Ljg0Mzc1SDUuMTI0MDJWMzIuNTMxOEg1Mi4xMzcxVjQuODQzNzVaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPHBhdGggZD0iTTUyLjEzNzEgMzYuOTgwNUg1LjEyNDAyVjQwLjg5NEg1Mi4xMzcxVjM2Ljk4MDVaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPHBhdGggZD0iTTIzLjM0IDQ1LjE0MDZINS4xMjQwMlY0OS4wNTQySDIzLjM1MDFWNDUuMTQwNkgyMy4zNFoiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNODUuNjYyMSA0OC44NTMzQzk3LjM4ODkgNDguODUzMyAxMDYuODk1IDM5LjM1OTEgMTA2Ljg5NSAyNy42NDc0QzEwNi44OTUgMTUuOTM1NiA5Ny4zODg5IDYuNDQxNDEgODUuNjYyMSA2LjQ0MTQxQzczLjkzNTIgNi40NDE0MSA2NC40Mjg3IDE1LjkzNTYgNjQuNDI4NyAyNy42NDc0QzY0LjQyODcgMzkuMzU5MSA3My45MzUyIDQ4Ljg1MzMgODUuNjYyMSA0OC44NTMzWiIgZmlsbD0iIzI3MUIzRCIvPgogICAgPHBhdGggZD0iTTkxLjQyNDEgMzAuMzI4MUw4OC4yODUyIDMzLjQ2M0wxMjMuODQ2IDY4LjI4MDRMMTI2LjI4NiA2NS44NDMzTDkxLjQyNDEgMzAuMzI4MVoiIGZpbGw9IiMyNzFCM0QiLz4KICAgIDxwYXRoIGQ9Ik04NS42MzI0IDQ1LjYwOUM5NS41NDczIDQ1LjYwOSAxMDMuNTg1IDM3LjU4MTcgMTAzLjU4NSAyNy42Nzk1QzEwMy41ODUgMTcuNzc3MyA5NS41NDczIDkuNzUgODUuNjMyNCA5Ljc1Qzc1LjcxNzQgOS43NSA2Ny42Nzk3IDE3Ljc3NzMgNjcuNjc5NyAyNy42Nzk1QzY3LjY3OTcgMzcuNTgxNyA3NS43MTc0IDQ1LjYwOSA4NS42MzI0IDQ1LjYwOVoiIGZpbGw9IiNFMEUwRTAiLz4KICAgIDxwYXRoIGQ9Ik0xMDkuNDU3IDQ3LjExMjhMMTA5LjE5NCA0NS4wOTAzTDEwOC4yMTIgNDQuMTA5NEwxMDIuMDg2IDUwLjIyNzRMMTAzLjA2OCA1MS4yMDg0TDEwNS4wOTMgNTEuNDcxM0MxMDUuOTY0IDUzLjMzMiAxMDkuNzgxIDU5LjU2MTMgMTEzLjcxIDYzLjQ3NDlDMTE4LjUxIDY4LjI2ODIgMTIxLjk0MiA2OS44MzU2IDEyNS4zMjQgNzAuOTk4NkwxMjkuMDEgNjcuMzE3NkMxMjcuODQ1IDYzLjk0IDEyNi4yODYgNjAuNTExOSAxMjEuNDc2IDU1LjcxODVDMTE3LjU1OCA1MS44MDUgMTExLjMyIDQ3Ljk4MjUgMTA5LjQ1NyA0Ny4xMTI4WiIgZmlsbD0iI0JFQTBGMiIvPgogICAgPHBhdGggZD0iTTg1LjgwMzggMjAuNjA5NEM3OC44NDc1IDIwLjYwOTQgNzQuMzQxNiAyNS4zNDIgNzEuOTAxNCAyOC4wMjE5Qzc0LjM1MTggMzAuNzAxNyA3OC44NTc2IDM1LjQzNDMgODUuODAzOCAzNS40MzQzQzkyLjc2MDEgMzUuNDM0MyA5Ny4yNjYgMzAuNzAxNyA5OS43MDYyIDI4LjAyMTlDOTcuMjU1OCAyNS4zNDIgOTIuNzQ5OSAyMC42MDk0IDg1LjgwMzggMjAuNjA5NFoiIGZpbGw9IndoaXRlIi8+CiAgICA8cGF0aCBkPSJNODUuODAzNSAzMy40MjEzQzg4Ljc4OTggMzMuNDIxMyA5MS4yMTA2IDMxLjAwMzYgOTEuMjEwNiAyOC4wMjEyQzkxLjIxMDYgMjUuMDM4OCA4OC43ODk4IDIyLjYyMTEgODUuODAzNSAyMi42MjExQzgyLjgxNzMgMjIuNjIxMSA4MC4zOTY1IDI1LjAzODggODAuMzk2NSAyOC4wMjEyQzgwLjM5NjUgMzEuMDAzNiA4Mi44MTczIDMzLjQyMTMgODUuODAzNSAzMy40MjEzWiIgZmlsbD0iI0JFQTBGMiIvPgogICAgPHBhdGggZD0iTTg1LjgwNDEgMzAuNzIwNEM4Ny4yOTcyIDMwLjcyMDQgODguNTA3NyAyOS41MTE1IDg4LjUwNzcgMjguMDIwNEM4OC41MDc3IDI2LjUyOTIgODcuMjk3MiAyNS4zMjAzIDg1LjgwNDEgMjUuMzIwM0M4NC4zMTEgMjUuMzIwMyA4My4xMDA2IDI2LjUyOTIgODMuMTAwNiAyOC4wMjA0QzgzLjEwMDYgMjkuNTExNSA4NC4zMTEgMzAuNzIwNCA4NS44MDQxIDMwLjcyMDRaIiBmaWxsPSIjMjcxQjNEIi8+CiAgICA8cGF0aCBkPSJNODQuMDYyNiAyNy4zMzUzQzg0LjY1NTMgMjcuMzM1MyA4NS4xMzU5IDI2Ljg1NTMgODUuMTM1OSAyNi4yNjMzQzg1LjEzNTkgMjUuNjcxMyA4NC42NTUzIDI1LjE5MTQgODQuMDYyNiAyNS4xOTE0QzgzLjQ2OTggMjUuMTkxNCA4Mi45ODkzIDI1LjY3MTMgODIuOTg5MyAyNi4yNjMzQzgyLjk4OTMgMjYuODU1MyA4My40Njk4IDI3LjMzNTMgODQuMDYyNiAyNy4zMzUzWiIgZmlsbD0id2hpdGUiLz4KICAgIDxwYXRoIGQ9Ik01NC4xNjIxIDYwLjM2MTVWNTcuMDA0Mkw1MS4zNzc1IDU2LjY0MDFDNTEuMTI0NCA1NS40NzcyIDUwLjY2ODggNTQuMzg1IDUwLjA0MSA1My40MTQyTDUxLjc1MjIgNTEuMTg5NUw0OS4zNzI3IDQ4LjgxM0w0Ny4xNDUgNTAuNTIyQzQ2LjE3MyA0OS44OTUxIDQ1LjA3OTQgNDkuNDI5OSA0My45MTUgNDkuMTg3Mkw0My41NTA1IDQ2LjQwNjJINDAuMTg4OEwzOS44MjQyIDQ5LjE4NzJDMzguNjU5OCA0OS40NCAzNy41NjYyIDQ5Ljg5NTEgMzYuNTk0MiA1MC41MjJMMzQuMzY2NiA0OC44MTNMMzEuOTg3IDUxLjE4OTVMMzMuNjk4MyA1My40MTQyQzMzLjA3MDUgNTQuMzg1IDMyLjYwNDcgNTUuNDc3MiAzMi4zNjE3IDU2LjY0MDFMMjkuNTc3MSA1Ny4wMDQyVjYwLjM2MTVMMzIuMzYxNyA2MC43MjU2QzMyLjYxNDggNjEuODg4NSAzMy4wNzA1IDYyLjk4MDcgMzMuNjk4MyA2My45NTE1TDMxLjk4NyA2Ni4xNzYyTDM0LjM2NjYgNjguNTUyN0wzNi41OTQyIDY2Ljg0MzdDMzcuNTY2MiA2Ny40NzA2IDM4LjY1OTggNjcuOTM1OCAzOS44MjQyIDY4LjE3ODVMNDAuMTg4OCA3MC45NTk0SDQzLjU1MDVMNDMuOTE1IDY4LjE3ODVDNDUuMDc5NCA2Ny45MjU3IDQ2LjE3MyA2Ny40NzA2IDQ3LjE0NSA2Ni44NDM3TDQ5LjM3MjcgNjguNTUyN0w1MS43NTIyIDY2LjE3NjJMNTAuMDQxIDYzLjk1MTVDNTAuNjY4OCA2Mi45ODA3IDUxLjEzNDUgNjEuODg4NSA1MS4zNzc1IDYwLjcyNTZMNTQuMTYyMSA2MC4zNjE1Wk00MS44NTk1IDYyLjE4MThDMzkuNzgzNyA2Mi4xODE4IDM4LjA5MjggNjAuNTAzMSAzOC4wOTI4IDU4LjQxOTlDMzguMDkyOCA1Ni4zMzY3IDM5Ljc3MzYgNTQuNjU4MSA0MS44NTk1IDU0LjY1ODFDNDMuOTQ1NCA1NC42NTgxIDQ1LjYyNjIgNTYuMzM2NyA0NS42MjYyIDU4LjQxOTlDNDUuNjI2MiA2MC41MDMxIDQzLjk0NTQgNjIuMTgxOCA0MS44NTk1IDYyLjE4MThaIiBmaWxsPSIjQkVBMEYyIi8+CiAgICA8cGF0aCBkPSJNOC4wMzk0NCA2Ljc3MzQ0SDcuOTc4NjhDNy41ODM3OCA2Ljc3MzQ0IDcuMjU5NzcgNy4wODY5MyA3LjI1OTc3IDcuNDgxMzFWNy41NDE5OUM3LjI1OTc3IDcuOTM2MzggNy41ODM3OCA4LjI0OTg3IDcuOTc4NjggOC4yNDk4N0g4LjAzOTQ0QzguNDM0MzMgOC4yNDk4NyA4Ljc1ODM1IDcuOTM2MzggOC43NTgzNSA3LjU0MTk5VjcuNDgxMzFDOC43NTgzNSA3LjA4NjkzIDguNDM0MzMgNi43NzM0NCA4LjAzOTQ0IDYuNzczNDRaIiBmaWxsPSIjMjcxQjNEIi8+CiAgICA8cGF0aCBkPSJNNDkuNjE0NiA2Ljc3MzQ0SDQ5LjU1MzlDNDkuMTU5IDYuNzczNDQgNDguODM1IDcuMDg2OTMgNDguODM1IDcuNDgxMzFWNy41NDE5OUM0OC44MzUgNy45MzYzOCA0OS4xNTkgOC4yNDk4NyA0OS41NTM5IDguMjQ5ODdINDkuNjE0NkM1MC4wMDk1IDguMjQ5ODcgNTAuMzMzNSA3LjkzNjM4IDUwLjMzMzUgNy41NDE5OVY3LjQ4MTMxQzUwLjMzMzUgNy4wODY5MyA1MC4wMDk1IDYuNzczNDQgNDkuNjE0NiA2Ljc3MzQ0WiIgZmlsbD0iIzI3MUIzRCIvPgogICAgPHBhdGggZD0iTTQ5LjYxNDYgMjkuMTMyOEg0OS41NTM5QzQ5LjE1OSAyOS4xMzI4IDQ4LjgzNSAyOS40NDYzIDQ4LjgzNSAyOS44NDA3VjI5LjkwMTRDNDguODM1IDMwLjI5NTggNDkuMTU5IDMwLjYwOTIgNDkuNTUzOSAzMC42MDkySDQ5LjYxNDZDNTAuMDA5NSAzMC42MDkyIDUwLjMzMzUgMzAuMjk1OCA1MC4zMzM1IDI5LjkwMTRWMjkuODQwN0M1MC4zMzM1IDI5LjQ0NjMgNTAuMDA5NSAyOS4xMzI4IDQ5LjYxNDYgMjkuMTMyOFoiIGZpbGw9IiMyNzFCM0QiLz4KICAgIDxwYXRoIGQ9Ik04LjAzOTQ0IDI5LjEzMjhINy45Nzg2OEM3LjU4Mzc4IDI5LjEzMjggNy4yNTk3NyAyOS40NDYzIDcuMjU5NzcgMjkuODQwN1YyOS45MDE0QzcuMjU5NzcgMzAuMjk1OCA3LjU4Mzc4IDMwLjYwOTIgNy45Nzg2OCAzMC42MDkySDguMDM5NDRDOC40MzQzMyAzMC42MDkyIDguNzU4MzUgMzAuMjk1OCA4Ljc1ODM1IDI5LjkwMTRWMjkuODQwN0M4Ljc1ODM1IDI5LjQ0NjMgOC40MzQzMyAyOS4xMzI4IDguMDM5NDQgMjkuMTMyOFoiIGZpbGw9IiMyNzFCM0QiLz4KICAgIDxwYXRoIGQ9Ik00OS41ODQ1IDcuNTExNzJIOC4wMDg3OVYyOS44NzA1SDQ5LjU3NDNWNy41MTE3Mkg0OS41ODQ1WiIgc3Ryb2tlPSIjMjcxQjNEIiBzdHJva2Utd2lkdGg9IjAuMjgiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgogICAgPHBhdGggZD0iTTguMDA4NzkgNy41MTE3Mkw0OS41ODQ1IDI5Ljg2MDQiIHN0cm9rZT0iIzI3MUIzRCIgc3Ryb2tlLXdpZHRoPSIwLjI4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KICAgIDxwYXRoIGQ9Ik00OS41ODQ1IDcuNTExNzJMOC4wMDg3OSAyOS44NjA0IiBzdHJva2U9IiMyNzFCM0QiIHN0cm9rZS13aWR0aD0iMC4yOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CiAgICA8cGF0aCBkPSJNNzIuMDIzIDY1LjAwNDRWNjMuNDg3NUw3MC4xMjk1IDYyLjk2MTdMNjkuNjIzMiA2MS43NDgyTDcwLjU4NTEgNjAuMDM5Mkw2OS41MTE4IDU4Ljk2NzJMNjcuODAwNiA1OS45Mjc5TDY2LjU4NTUgNTkuNDIyM0w2Ni4wNTkgNTcuNTMxMkg2NC41NDAxTDY0LjAxMzYgNTkuNDIyM0w2Mi43OTg1IDU5LjkyNzlMNjEuMDg3MyA1OC45NjcyTDYwLjAxNCA2MC4wMzkyTDYwLjk3NTkgNjEuNzQ4Mkw2MC40Njk3IDYyLjk2MTdMNTguNTc2MiA2My40ODc1VjY1LjAwNDRMNjAuNDY5NyA2NS41MzAzTDYwLjk3NTkgNjYuNzQzOEw2MC4wMTQgNjguNDUyOEw2MS4wODczIDY5LjUyNDdMNjIuNzk4NSA2OC41NjRMNjQuMDEzNiA2OS4wNjk2TDY0LjU0MDEgNzAuOTYwN0g2Ni4wNTlMNjYuNTg1NSA2OS4wNjk2TDY3LjgwMDYgNjguNTY0TDY5LjUxMTggNjkuNTI0N0w3MC41ODUxIDY4LjQ1MjhMNjkuNjIzMiA2Ni43NDM4TDcwLjEyOTUgNjUuNTMwM0w3Mi4wMjMgNjUuMDA0NFpNNjYuNDUzOSA2NS40MDg5QzY1LjgxNiA2Ni4wNDYgNjQuNzYyOSA2Ni4wNDYgNjQuMTI1IDY1LjQwODlDNjMuNDg3MSA2NC43NzE4IDYzLjQ4NzEgNjMuNzIwMSA2NC4xMjUgNjMuMDgzQzY0LjQ0OSA2Mi43NTk0IDY0Ljg2NDIgNjIuNTk3NiA2NS4yODk0IDYyLjU5NzZDNjUuNzE0NyA2Mi41OTc2IDY2LjEyOTkgNjIuNzU5NCA2Ni40NTM5IDYzLjA4M0M2Ny4wOTE4IDYzLjcyMDEgNjcuMDkxOCA2NC43NzE4IDY2LjQ1MzkgNjUuNDA4OVoiIGZpbGw9IiNGMkVERkYiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzI0NjRfNjA5NyI+CiAgICAgIDxyZWN0IHdpZHRoPSIxMjkiIGhlaWdodD0iNzEiIGZpbGw9IndoaXRlIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+);background-repeat:no-repeat;background-position-x:center;background-position-y:5px;padding-bottom:24px}.woocommerce-lys-homescreen-status-tour-kit .woocommerce-tour-kit-step-navigation{display:none}.woocommerce-lys-homescreen-status-tour-kit h2{padding-top:100px;font-size:14px;line-height:24px}.woocommerce-lys-homescreen-status-tour-kit p.woocommerce-tour-kit-step__description{font-size:13px;line-height:18px;margin-top:8px}.woocommerce-lys-homescreen-status-tour-kit .tour-kit-frame__arrow::before{box-shadow:none !important}.woocommerce-lys-homescreen-status-tour-kit .tour-kit-frame__container[data-popper-placement^=bottom]>.tour-kit-frame__arrow{background:#fff}.woocommerce-lys-homescreen-status-tour-kit .tour-kit-frame__container[data-popper-placement^=bottom]>.tour-kit-frame__arrow::before{border-top:1px solid var(--gutenberg-gray-300, #ddd);border-left:1px solid var(--gutenberg-gray-300, #ddd)}.woocommerce-lys-homescreen-status-tour-kit a{display:block;text-decoration:none;margin-top:12px;padding-block:11px} |
| 1972 | :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}}.site-visibility-settings-slotfill{line-height:16px;font-weight:400;color:#1e1e1e;margin:32px 0 32px 0}.site-visibility-settings-slotfill.placeholder{opacity:.3}.site-visibility-settings-slotfill a{text-decoration:none}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-private-link{margin-top:12px;margin-left:73px;padding:8px 16px;border-radius:4px;border:1px solid #dcdcde;background:#fff;display:flex;justify-content:space-between;height:40px;box-sizing:border-box}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-private-link input{width:100%;outline:none;border:0;background:#fff;font-size:13px;font-style:normal;font-weight:400;line-height:20px;color:#1e1e1e}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-private-link button{text-decoration:none;white-space:nowrap;font-size:13px;font-style:normal;font-weight:400;line-height:20px;padding-left:15px}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-private-link button:focus{outline:none !important;box-shadow:none}.site-visibility-settings-slotfill .components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:none}.site-visibility-settings-slotfill .components-form-toggle .components-form-toggle__track{width:32px;height:20px;background-color:#949494;border:none;border-radius:10px}.site-visibility-settings-slotfill .components-form-toggle .components-form-toggle__thumb{background-color:#fff;border:5px solid #fff;top:4px}.site-visibility-settings-slotfill .components-form-toggle.is-checked .components-form-toggle__thumb{transform:translateX(14px)}.site-visibility-settings-slotfill .components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section-description{margin:4px 0 18px 28px}.site-visibility-settings-slotfill p{color:#757575}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-description{font-size:inherit;font-weight:inherit;color:inherit;margin-bottom:24px}.site-visibility-settings-slotfill .components-radio-control__input[type=radio]:focus{outline:none;box-shadow:none}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section{max-width:650px}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section+.site-visibility-settings-slotfill-section{margin-top:16px}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section .site-visibility-settings-slotfill-section-content{gap:16px;display:flex;flex-direction:column;margin:16px 0 0 30px}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section .site-visibility-settings-slotfill-section-content.is-hidden{display:none}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section .site-visibility-settings-slotfill-section-content .components-toggle-control{margin:0}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section .site-visibility-settings-slotfill-section-content .components-toggle-control .components-h-stack{align-items:baseline}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section .site-visibility-settings-slotfill-section-content .components-base-control__field p{margin-top:6px;margin-bottom:0}.site-visibility-settings-slotfill .site-visibility-settings-slotfill-section .site-visibility-settings-slotfill-section-visibility-badge{margin-left:0} |
| 1973 | :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}}.site-visibility-settings-confirmation-modal .site-visibility-settings-confirmation-modal__content{margin-top:15px}.site-visibility-settings-confirmation-modal .site-visibility-settings-confirmation-modal__buttons{display:flex;flex-flow:row-reverse}.site-visibility-settings-confirmation-modal .divider-container{height:1px;margin-bottom:30px;margin-top:25px}.site-visibility-settings-confirmation-modal .divider-container>hr{position:absolute;width:100%;left:0;right:0} |
| 1974 | :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}}.blueprint-upload-dropzone-notice,.blueprint-upload-dropzone-error{margin-top:16px}.blueprint-upload-form{height:133px;position:relative;border:1px solid #e0e0e0;background-color:#fff;border-radius:2px}.blueprint-upload-form .components-form-file-upload{height:100%}.blueprint-upload-form .blueprint-upload-field{width:100%;height:100%;padding:0}.blueprint-upload-form .blueprint-upload-dropzone{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.blueprint-upload-form .blueprint-upload-dropzone .blueprint-upload-dropzone-text{color:#757575;margin:0}.blueprint-upload-form .blueprint-upload-dropzone .blueprint-upload-dropzone-text span{color:var(--wp-admin-theme-color)}.blueprint-upload-form .blueprint-upload-dropzone .blueprint-upload-max-size{color:#757575;margin:0;font-size:11px}.blueprint-upload-form .blueprint-upload-dropzone-uploading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.blueprint-upload-dropzone-success{background:#fff;padding:16px;border:1px solid #e0e0e0;border-radius:2px;margin:16px 0 0 0}.blueprint-upload-dropzone-success .blueprint-upload-dropzone-text{margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between} |
| 1975 | :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}}.woocommerce_page_wc-settings-advanced-blueprint .blueprint-settings-slotfill{min-height:100%}.woocommerce_page_wc-settings-advanced-blueprint .components-snackbar .components-snackbar__content-with-icon{padding-left:0}.woocommerce_page_wc-settings-advanced-blueprint .components-snackbar .components-snackbar__icon{display:flex;margin-right:8px}.woocommerce_page_wc-settings-advanced-blueprint .components-snackbar__content{align-items:center}.blueprint-settings-slotfill{max-width:598px;color:#2f2f2f}.blueprint-settings-slotfill label{cursor:pointer}.blueprint-settings-slotfill h3{margin:0 0 8px 0;color:#23282d;font-size:18px;font-style:normal;font-weight:600;line-height:24px}.blueprint-settings-slotfill h4{margin-bottom:4px;color:#23282d;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.blueprint-settings-slotfill p{line-height:20px;margin:0}.blueprint-settings-slotfill button.is-primary{margin-bottom:7px}.blueprint-settings-slotfill button.is-link{text-decoration:none}.blueprint-settings-slotfill button.is-link:active,.blueprint-settings-slotfill button.is-link:focus{outline:none;box-shadow:none}.blueprint-settings-slotfill p.blueprint-settings-intro-text{margin-bottom:40px}.blueprint-settings-slotfill a.woocommerce-admin-inline-documentation-link{text-decoration:none}.blueprint-settings-slotfill #download-link-container{margin-bottom:10px}.blueprint-settings-slotfill #download-link-container a{text-decoration:none}.blueprint-settings-slotfill .woo-blueprint-export-step-desc{margin-top:.25em;margin-bottom:1em;color:#828282}.blueprint-settings-slotfill .woocommerce-collapsible-content{color:#1e1e1e;flex-grow:1}.blueprint-settings-slotfill .woocommerce-collapsible-content button.woocommerce-collapsible-content__toggle{width:100%}.blueprint-settings-slotfill .woocommerce-collapsible-content button.woocommerce-collapsible-content__toggle span{font-size:14px;font-weight:500;color:#1e1e1e;line-height:24px}.blueprint-settings-slotfill .woocommerce-collapsible-content button.woocommerce-collapsible-content__toggle svg{margin-left:auto;width:24px;height:24px;fill:inherit}.blueprint-settings-slotfill .woocommerce-collapsible-content span.components-toggle-control__help{margin-inline-start:49px;line-height:16px}.blueprint-settings-slotfill .woocommerce-collapsible-content .components-base-control__field .components-h-stack{gap:16px}.blueprint-settings-slotfill .woocommerce-collapsible-content p.woocommerce-collapsible-content-hint{color:#757575;margin:6px 0 16px 0}.blueprint-settings-slotfill .woocommerce-collapsible-content .woocommerce-collapsible-content__content{margin-top:16px;left:-27px}.blueprint-settings-slotfill .woocommerce-collapsible-content .woocommerce-collapsible-content__content p{margin:0 0 12px 0;color:#757575}.blueprint-settings-slotfill .woocommerce-collapsible-content .woocommerce-collapsible-content__content p.components-base-control__help{margin-top:4px}.blueprint-settings-slotfill .woocommerce-collapsible-content .woocommerce-collapsible-content__content .components-base-control{margin-bottom:16px}.blueprint-settings-slotfill .woocommerce-collapsible-content .woocommerce-collapsible-content__content .components-base-control:last-child{margin-bottom:0}.blueprint-settings-slotfill .woocommerce-collapsible-content .woocommerce-collapsible-content__content .components-base-control:last-child p{margin-bottom:0}.blueprint-settings-slotfill .woocommerce-blueprint-import-button{margin-top:24px}.blueprint-settings-slotfill .blueprint-settings-export-group{display:flex;flex-direction:row;align-items:flex-start;gap:8px;border-bottom:1px solid #e7e7e9;padding:16px 0 16px 0;position:relative}.blueprint-settings-slotfill .blueprint-settings-export-group-item-count{position:absolute;right:40px;top:20px;color:#757575;text-align:right;font-size:13px;font-style:normal;font-weight:400}.blueprint-settings-slotfill .blueprint-upload-form{margin:16px 0 40px 0}.blueprint-settings-slotfill .blueprint-settings-export-button{margin-top:14px}.blueprint-settings-slotfill .components-notice{padding:12px}.blueprint-settings-slotfill .components-notice button.components-notice__dismiss{align-self:inherit}.blueprint-settings-slotfill .components-notice button.components-notice__dismiss svg{fill:#1e1e1e;width:15px}.blueprint-settings-slotfill .components-notice .components-notice__content,.blueprint-settings-slotfill .components-notice.is-error .components-notice__content pre{margin:0;color:#1e1e1e;line-height:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;text-wrap:auto}.blueprint-settings-slotfill .components-notice.is-error{background:#fcf0f0;border-left-color:#cc1818}.woocommerce-transient-notices:has(div.woocommerce-blueprint-import-notice){bottom:14px;right:18px;left:initial}.woocommerce-blueprint-overwrite-modal{max-width:480px}.woocommerce-blueprint-overwrite-modal .components-modal__header{padding:32px 32px 16px 32px;height:80px}.woocommerce-blueprint-overwrite-modal .components-modal__header .components-modal__header-heading{color:#1e1e1e;font-size:20px;font-weight:500;line-height:28px}.woocommerce-blueprint-overwrite-modal .components-modal__content{padding:0 32px 32px}.woocommerce-blueprint-overwrite-modal .woocommerce-blueprint-overwrite-modal__description{color:#1e1e1e;font-size:13px;font-weight:400;line-height:20px;margin:0 0 8px}.woocommerce-blueprint-overwrite-modal ul{margin:0;list-style:disc;list-style-position:inside}.woocommerce-blueprint-overwrite-modal ul li{color:#1e1e1e;font-size:13px;font-weight:500;line-height:20px;margin-bottom:0}.woocommerce-blueprint-overwrite-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.woocommerce-blueprint-overwrite-modal__actions button{padding:8px 16px;font-size:13px;font-weight:400;line-height:20px;height:40px}.woocommerce-blueprint-overwrite-modal__actions-import.is-importing{padding:10px 16px;width:132px;justify-content:center;align-items:center}.woocommerce-blueprint-overwrite-modal__actions-import.is-importing svg{margin:0}.blueprint-export-error{margin:16px 0} |
| 1976 | :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}}.wc-settings-row-disabled{opacity:.5;pointer-events:none}#wc_settings_email_listing_slotfill .dataviews-wrapper{background-color:#fff}#wc_settings_email_listing_slotfill .woocommerce-email-listing-description{display:inline-block;margin-top:4px;color:#757575;font-size:12px;font-weight:400;white-space:wrap}#wc_settings_email_listing_slotfill .woocommerce-email-listing-status svg{fill:currentColor;margin-right:4px}#wc_settings_email_listing_slotfill .woocommerce-email-listing-recipients{white-space:wrap}#wc_settings_email_listing_slotfill .woocommerce-email-listing-description{display:flex;justify-content:space-between;width:100%}#wc_settings_email_listing_slotfill .woocommerce-email-listing-description .woocommerce-email-listing-edit-template-button{margin-top:-8px;margin-left:8px}@media(max-width: 600px){#wc_settings_email_listing_slotfill .woocommerce-email-listing-description{flex-direction:column;justify-content:flex-start}#wc_settings_email_listing_slotfill .woocommerce-email-listing-description .woocommerce-email-listing-edit-template-button{margin-top:0;margin-bottom:8px;width:fit-content}}.woocommerce-email-listing-recipients-tooltip{text-align:left}#wc_settings_email_preview_slotfill{position:relative}.wc-settings-email-preview-container{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:grid;grid-gap:16px;grid-template-rows:36px 1fr;height:960px;margin-bottom:60px;padding:16px;position:relative;width:684px}@media(max-width: 782px){.wc-settings-email-preview-container{margin-top:16px;width:100%}}@media(max-width: 600px){.wc-settings-email-preview-container{border-left:0;border-right:0;padding:16px 0}}.wc-settings-email-preview-container-floating{bottom:0;margin-bottom:0;position:absolute;left:666px}.wc-settings-email-preview-controls{align-items:center;display:flex;justify-content:space-between}.wc-settings-email-preview-controls div{margin-bottom:0}.wc-settings-email-preview-type{width:200px}@media(max-width: 600px){.wc-settings-email-preview-type{width:150px}}.wc-settings-email-preview-spinner{align-items:center;display:flex;justify-content:center;width:40px}.wc-settings-email-preview-spinner svg{margin:0}.wc-settings-email-preview-device-type{display:grid;grid-gap:8px;grid-template-columns:32px 32px;padding-right:8px}@media(max-width: 600px){.wc-settings-email-preview-device-type{display:none}}.wc-settings-email-preview-device-type button{align-items:center;background:none;border:none;border-radius:2px;cursor:pointer;display:flex;justify-content:center;height:32px;width:32px}.wc-settings-email-preview-device-type button:hover,.wc-settings-email-preview-device-type button:focus{background:#e0e0e0}.wc-settings-email-preview-device-type button.active{background:#1e1e1e}.wc-settings-email-preview-device-type button.active:hover,.wc-settings-email-preview-device-type button.active:focus{background:#000}.wc-settings-email-preview{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:grid;grid-template-rows:auto 1fr;margin:0 auto;transition:max-width .3s ease-in-out;width:100%}@media(max-width: 600px){.wc-settings-email-preview{max-width:360px !important}}.wc-settings-email-preview iframe{border-radius:0 0 3px 3px;display:block;height:100%;width:100%}@keyframes pulse-loading{0%{opacity:1}100%{opacity:.2}}@keyframes pulse-loop{0%{opacity:.2}50%{opacity:.4}100%{opacity:.2}}.wc-settings-email-preview .iframe-is-loading{animation:pulse-loading .2s ease-out forwards,pulse-loop .6s ease-in-out .2s infinite}.wc-settings-email-preview-desktop{max-width:650px}.wc-settings-email-preview-mobile{max-width:360px}.wc-settings-email-preview-send-modal{width:456px}.wc-settings-email-preview-send-modal-notice{align-items:center;display:flex}.wc-settings-email-preview-send-modal-notice svg{margin-right:4px}.wc-settings-email-preview-send-modal-notice-success svg{fill:#4ab866}.wc-settings-email-preview-send-modal-notice-error{color:#d94f4f}.wc-settings-email-preview-send-modal-notice-error svg{fill:#d94f4f}.wc-settings-email-preview-send-modal-buttons{display:flex;justify-content:flex-end;margin-top:32px}.wc-settings-email-preview-send-modal-buttons button{margin-left:12px}.wc-settings-email-preview-header{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.wc-settings-email-preview-header-subject{font-size:21px;font-weight:normal;line-height:21px;margin:0 0 16px}.wc-settings-email-preview-header-subject::before{content:""}.wc-settings-email-preview-header-data{align-items:center;display:flex}.wc-settings-email-preview-header-icon{align-items:center;background:rgba(203,190,255,.3);border-radius:16px;display:flex;height:32px;justify-content:center;margin-right:8px;width:32px}.wc-settings-email-preview-header-sender{font-size:13px;font-weight:600;word-break:break-word}.wc-settings-email-preview-header-sender span{font-size:11px;font-weight:400}.wc-settings-email-preview-ces-feedback{bottom:-40px;position:absolute;right:0}.wc-settings-email-select-image{border:1px #ccc solid;border-radius:4px;box-sizing:border-box;margin-bottom:8px;min-height:88px;padding:10px;position:relative;width:400px}.wc-settings-email-select-image:hover{border-color:#949494;cursor:pointer}.wc-settings-email-select-image-icon{inset:0;margin:auto;position:absolute}.wc-settings-email-logo-image{max-height:160px;max-width:100%}.wc-settings-email-color-palette-separator{border-bottom:none;margin-bottom:24px;margin-left:0;max-width:634px}.wc-settings-email-color-palette-header{margin:0 !important;max-width:634px;padding:0 !important}.wc-settings-email-color-palette-title{display:inline-block;margin-right:15px !important}.wc-settings-email-color-palette-buttons{align-items:center;display:inline-flex;gap:12px}.wc-settings-email-color-palette-buttons .components-toggle-control{margin-bottom:0} |
| 1977 |