style.css
1650 lines
| 1 | .admin-ui-page { |
| 2 | display: flex; |
| 3 | height: 100%; |
| 4 | background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc); |
| 5 | color: var(--wpds-color-fg-content-neutral, #1e1e1e); |
| 6 | position: relative; |
| 7 | z-index: 1; |
| 8 | flex-flow: column; |
| 9 | text-wrap: pretty; |
| 10 | } |
| 11 | |
| 12 | .admin-ui-page__header { |
| 13 | padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px); |
| 14 | border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4); |
| 15 | background: var(--wpds-color-bg-surface-neutral-strong, #ffffff); |
| 16 | position: sticky; |
| 17 | top: 0; |
| 18 | z-index: 1; |
| 19 | } |
| 20 | |
| 21 | .admin-ui-page__header-title { |
| 22 | font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif); |
| 23 | font-size: var(--wpds-typography-font-size-lg, 15px); |
| 24 | font-weight: var(--wpds-typography-font-weight-medium, 499); |
| 25 | line-height: var(--wpds-typography-line-height-lg, 28px); |
| 26 | margin: 0; |
| 27 | overflow: hidden; |
| 28 | text-overflow: ellipsis; |
| 29 | white-space: nowrap; |
| 30 | } |
| 31 | |
| 32 | .admin-ui-page__sidebar-toggle-slot:empty { |
| 33 | display: none; |
| 34 | } |
| 35 | |
| 36 | .admin-ui-page__header-subtitle { |
| 37 | padding-block-end: var(--wpds-dimension-padding-xs, 4px); |
| 38 | color: var(--wpds-color-fg-content-neutral-weak, #707070); |
| 39 | font-size: var(--wpds-typography-font-size-md, 13px); |
| 40 | line-height: var(--wpds-typography-line-height-md, 24px); |
| 41 | margin: 0; |
| 42 | } |
| 43 | |
| 44 | .admin-ui-page__content { |
| 45 | flex-grow: 1; |
| 46 | overflow: auto; |
| 47 | display: flex; |
| 48 | flex-direction: column; |
| 49 | } |
| 50 | |
| 51 | .admin-ui-page__content.has-padding { |
| 52 | padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px); |
| 53 | } |
| 54 | |
| 55 | .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon { |
| 56 | width: auto; |
| 57 | padding: 0 var(--wpds-dimension-padding-xs, 4px); |
| 58 | } |
| 59 | |
| 60 | .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg { |
| 61 | display: none; |
| 62 | } |
| 63 | |
| 64 | .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after { |
| 65 | content: attr(aria-label); |
| 66 | font-size: var(--wpds-typography-font-size-sm, 12px); |
| 67 | } |
| 68 | |
| 69 | /** |
| 70 | * SCSS Variables. |
| 71 | * |
| 72 | * Please use variables from this sheet to ensure consistency across the UI. |
| 73 | * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
| 74 | * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
| 75 | */ |
| 76 | |
| 77 | /** |
| 78 | * Colors |
| 79 | */ |
| 80 | |
| 81 | /** |
| 82 | * Fonts & basic variables. |
| 83 | */ |
| 84 | |
| 85 | /** |
| 86 | * Typography |
| 87 | */ |
| 88 | |
| 89 | /** |
| 90 | * Grid System. |
| 91 | * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
| 92 | */ |
| 93 | |
| 94 | /** |
| 95 | * Radius scale. |
| 96 | */ |
| 97 | |
| 98 | /** |
| 99 | * Elevation scale. |
| 100 | */ |
| 101 | |
| 102 | /** |
| 103 | * Dimensions. |
| 104 | */ |
| 105 | |
| 106 | /** |
| 107 | * Mobile specific styles |
| 108 | */ |
| 109 | |
| 110 | /** |
| 111 | * Editor styles. |
| 112 | */ |
| 113 | |
| 114 | /** |
| 115 | * Block & Editor UI. |
| 116 | */ |
| 117 | |
| 118 | /** |
| 119 | * Block paddings. |
| 120 | */ |
| 121 | |
| 122 | /** |
| 123 | * React Native specific. |
| 124 | * These variables do not appear to be used anywhere else. |
| 125 | */ |
| 126 | |
| 127 | .admin-ui-breadcrumbs__list { |
| 128 | font-family: var(--wpds-typography-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif); |
| 129 | font-size: var(--wpds-typography-font-size-lg, 15px); |
| 130 | font-weight: var(--wpds-typography-font-weight-medium, 499); |
| 131 | line-height: var(--wpds-typography-line-height-lg, 28px); |
| 132 | list-style: none; |
| 133 | padding: 0; |
| 134 | margin: 0; |
| 135 | gap: 0; |
| 136 | min-height: 32px; |
| 137 | } |
| 138 | |
| 139 | .admin-ui-breadcrumbs__list li:not(:last-child)::after { |
| 140 | content: "/"; |
| 141 | margin: 0 8px; |
| 142 | } |
| 143 | |
| 144 | .admin-ui-breadcrumbs__list h1 { |
| 145 | font-size: inherit; |
| 146 | line-height: inherit; |
| 147 | } |
| 148 | |
| 149 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)} |
| 150 | |
| 151 | @media(min-resolution: 192dpi){:root{--wp-admin-border-width-focus: 1.5px}} |
| 152 | |
| 153 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page{background-color:#fff} |
| 154 | |
| 155 | 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:#fff} |
| 156 | |
| 157 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform{padding:0 48px 48px} |
| 158 | |
| 159 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform>.submit{display:none} |
| 160 | |
| 161 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters){border-bottom:1px solid #f0f0f0;box-sizing:border-box;color:rgba(0,0,0,0);display:flex;float:none;gap:0;margin:0 -48px 48px;overflow-x:auto;padding:0 48px;width:auto} |
| 162 | |
| 163 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li{color:rgba(0,0,0,0);margin:0;padding:0} |
| 164 | |
| 165 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li a,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:first-child a,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:last-child a{align-items:center;color:#1e1e1e;display:inline-flex;font-size:13px;font-weight:500;height:48px;line-height:20px;margin:0;padding:0 16px;position:relative;text-decoration:none;white-space:nowrap} |
| 166 | |
| 167 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li a:focus,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li a:hover,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li a:active,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:first-child a:focus,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:first-child a:hover,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:first-child a:active,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:last-child a:focus,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:last-child a:hover,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:last-child a:active{box-shadow:none;color:var(--wp-admin-theme-color, #3858e9);outline:none} |
| 168 | |
| 169 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li a.current,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:first-child a.current,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:last-child a.current{color:#1e1e1e;font-weight:500} |
| 170 | |
| 171 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li a.current::after,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:first-child a.current::after,body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters) li:last-child a.current::after{background:var(--wp-admin-theme-color, #3858e9);border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0} |
| 172 | |
| 173 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page #mainform .subsubsub:not(.list-table-filters)+br.clear{display:none} |
| 174 | |
| 175 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell.admin-ui-page{box-sizing:border-box;color:#1e1e1e;font-size:13px;height:auto;line-height:20px;margin:0 -48px} |
| 176 | |
| 177 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell .admin-ui-page__header{padding-left:48px;padding-right:48px;position:static} |
| 178 | |
| 179 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell:has(.wc-settings-ui-shell__navigation) .admin-ui-page__header{border-bottom:0} |
| 180 | |
| 181 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell .admin-ui-page__header-title{font-size:20px;font-weight:500;line-height:24px} |
| 182 | |
| 183 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumbs{color:#757575;font-size:12px;line-height:16px;margin:0 0 8px} |
| 184 | |
| 185 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumb:not(:last-child)::after{content:"/";margin:0 8px} |
| 186 | |
| 187 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__breadcrumb a{color:#505050;text-decoration:none} |
| 188 | |
| 189 | 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(--wp-admin-theme-color, #3858e9)} |
| 190 | |
| 191 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__navigation{border-bottom:1px solid #f0f0f0;margin:0;width:100%} |
| 192 | |
| 193 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tabs{background:#fff;display:flex;margin:0 !important;overflow-x:auto;padding:0 48px;width:100%} |
| 194 | |
| 195 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tabs--secondary{border-bottom:0} |
| 196 | |
| 197 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab{align-items:center;color:#1e1e1e;display:inline-flex;font-size:13px;font-weight:500;height:48px;line-height:20px;padding:0 16px;position:relative;text-decoration:none;white-space:nowrap} |
| 198 | |
| 199 | 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(--wp-admin-theme-color, #3858e9);outline:none} |
| 200 | |
| 201 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab.is-active{color:#1e1e1e} |
| 202 | |
| 203 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__tab.is-active::after{background:var(--wp-admin-theme-color, #3858e9);border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0} |
| 204 | |
| 205 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__notice.components-notice{margin:24px 48px 0} |
| 206 | |
| 207 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui{box-sizing:border-box;margin:32px auto 48px;max-width:720px} |
| 208 | |
| 209 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section{margin:0 0 24px} |
| 210 | |
| 211 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;padding:24px;width:100%} |
| 212 | |
| 213 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px} |
| 214 | |
| 215 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-heading{min-width:0} |
| 216 | |
| 217 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-header h2{color:#1e1e1e;font-size:15px;font-weight:500;line-height:20px;margin:0} |
| 218 | |
| 219 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-description{color:#757575;font-size:13px;line-height:20px;margin:8px 0 0} |
| 220 | |
| 221 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-description p{margin:0 0 8px} |
| 222 | |
| 223 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-description p:last-child{margin-bottom:0} |
| 224 | |
| 225 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px} |
| 226 | |
| 227 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__section-fields{display:flex;flex-direction:column;gap:16px} |
| 228 | |
| 229 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__field{margin:0;width:100%} |
| 230 | |
| 231 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__info{background:#f6f7f7;border-radius:4px;padding:16px} |
| 232 | |
| 233 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__info strong{display:block;margin-bottom:4px} |
| 234 | |
| 235 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__info p{margin:0} |
| 236 | |
| 237 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__control.components-base-control{margin-bottom:0;width:100%} |
| 238 | |
| 239 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__control .components-base-control__field{margin-bottom:0} |
| 240 | |
| 241 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__control .components-base-control__help{color:#757575;font-size:13px;line-height:20px;margin-top:8px} |
| 242 | |
| 243 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control{position:relative} |
| 244 | |
| 245 | 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%} |
| 246 | |
| 247 | @media(min-width: 600px){body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__number-control-input{font-size:13px}} |
| 248 | |
| 249 | 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)} |
| 250 | |
| 251 | 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} |
| 252 | |
| 253 | 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%)} |
| 254 | |
| 255 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__unsaved-changes-modal .components-modal__header{min-height:72px;padding:24px 32px 8px} |
| 256 | |
| 257 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__unsaved-changes-modal .components-modal__header-heading{font-size:20px;font-weight:500;line-height:24px} |
| 258 | |
| 259 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__unsaved-changes-modal .components-modal__content{padding:4px 32px 32px} |
| 260 | |
| 261 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__unsaved-changes-modal p{font-size:13px;line-height:20px;margin:0} |
| 262 | |
| 263 | body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui__unsaved-changes-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px} |
| 264 | |
| 265 | @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 #mainform .subsubsub:not(.list-table-filters){margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}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 .admin-ui-page__header{padding-left:24px;padding-right:24px}body.woocommerce_page_wc-settings.woocommerce-settings-ui-page .wc-settings-ui-shell__navigation{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}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.components-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-card{padding:24px}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}} |
| 266 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 267 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 268 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 269 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 270 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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;line-height:38px;color:#3c434a} |
| 271 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 272 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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}} |
| 273 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 274 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 275 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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:last-child{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} |
| 276 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 277 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 278 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)}@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} |
| 279 | /** |
| 280 | * Colors |
| 281 | */ |
| 282 | /** |
| 283 | * Breakpoints & Media Queries |
| 284 | */ |
| 285 | /** |
| 286 | * Colors |
| 287 | */ |
| 288 | /** |
| 289 | * SCSS Variables. |
| 290 | * |
| 291 | * Please use variables from this sheet to ensure consistency across the UI. |
| 292 | * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
| 293 | * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
| 294 | */ |
| 295 | /** |
| 296 | * Fonts & basic variables. |
| 297 | */ |
| 298 | /** |
| 299 | * Typography |
| 300 | */ |
| 301 | /** |
| 302 | * Grid System. |
| 303 | * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
| 304 | */ |
| 305 | /** |
| 306 | * Radius scale. |
| 307 | */ |
| 308 | /** |
| 309 | * Elevation scale. |
| 310 | */ |
| 311 | /** |
| 312 | * Dimensions. |
| 313 | */ |
| 314 | /** |
| 315 | * Mobile specific styles |
| 316 | */ |
| 317 | /** |
| 318 | * Editor styles. |
| 319 | */ |
| 320 | /** |
| 321 | * Block & Editor UI. |
| 322 | */ |
| 323 | /** |
| 324 | * Block paddings. |
| 325 | */ |
| 326 | /** |
| 327 | * React Native specific. |
| 328 | * These variables do not appear to be used anywhere else. |
| 329 | */ |
| 330 | /** |
| 331 | * Colors |
| 332 | */ |
| 333 | /** |
| 334 | * SCSS Variables. |
| 335 | * |
| 336 | * Please use variables from this sheet to ensure consistency across the UI. |
| 337 | * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
| 338 | * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
| 339 | */ |
| 340 | /** |
| 341 | * Fonts & basic variables. |
| 342 | */ |
| 343 | /** |
| 344 | * Typography |
| 345 | */ |
| 346 | /** |
| 347 | * Grid System. |
| 348 | * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
| 349 | */ |
| 350 | /** |
| 351 | * Radius scale. |
| 352 | */ |
| 353 | /** |
| 354 | * Elevation scale. |
| 355 | */ |
| 356 | /** |
| 357 | * Dimensions. |
| 358 | */ |
| 359 | /** |
| 360 | * Mobile specific styles |
| 361 | */ |
| 362 | /** |
| 363 | * Editor styles. |
| 364 | */ |
| 365 | /** |
| 366 | * Block & Editor UI. |
| 367 | */ |
| 368 | /** |
| 369 | * Block paddings. |
| 370 | */ |
| 371 | /** |
| 372 | * React Native specific. |
| 373 | * These variables do not appear to be used anywhere else. |
| 374 | */ |
| 375 | /** |
| 376 | * Breakpoints & Media Queries |
| 377 | */ |
| 378 | /** |
| 379 | * Converts a hex value into the rgb equivalent. |
| 380 | * |
| 381 | * @param {string} hex - the hexadecimal value to convert |
| 382 | * @return {string} comma separated rgb values |
| 383 | */ |
| 384 | /** |
| 385 | * Long content fade mixin |
| 386 | * |
| 387 | * Creates a fading overlay to signify that the content is longer |
| 388 | * than the space allows. |
| 389 | */ |
| 390 | /** |
| 391 | * Typography |
| 392 | */ |
| 393 | /** |
| 394 | * Breakpoint mixins |
| 395 | */ |
| 396 | /** |
| 397 | * Focus styles. |
| 398 | */ |
| 399 | /** |
| 400 | * Applies editor left position to the selector passed as argument |
| 401 | */ |
| 402 | /** |
| 403 | * Styles that are reused verbatim in a few places |
| 404 | */ |
| 405 | /** |
| 406 | * Allows users to opt-out of animations via OS-level preferences. |
| 407 | */ |
| 408 | /** |
| 409 | * Reset default styles for JavaScript UI based pages. |
| 410 | * This is a WP-admin agnostic reset |
| 411 | */ |
| 412 | /** |
| 413 | * Reset the WP Admin page styles for Gutenberg-like pages. |
| 414 | */ |
| 415 | /** |
| 416 | * Colors |
| 417 | */ |
| 418 | /** |
| 419 | * SCSS Variables. |
| 420 | * |
| 421 | * Please use variables from this sheet to ensure consistency across the UI. |
| 422 | * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
| 423 | * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
| 424 | */ |
| 425 | /** |
| 426 | * Fonts & basic variables. |
| 427 | */ |
| 428 | /** |
| 429 | * Typography |
| 430 | */ |
| 431 | /** |
| 432 | * Grid System. |
| 433 | * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
| 434 | */ |
| 435 | /** |
| 436 | * Radius scale. |
| 437 | */ |
| 438 | /** |
| 439 | * Elevation scale. |
| 440 | */ |
| 441 | /** |
| 442 | * Dimensions. |
| 443 | */ |
| 444 | /** |
| 445 | * Mobile specific styles |
| 446 | */ |
| 447 | /** |
| 448 | * Editor styles. |
| 449 | */ |
| 450 | /** |
| 451 | * Block & Editor UI. |
| 452 | */ |
| 453 | /** |
| 454 | * Block paddings. |
| 455 | */ |
| 456 | /** |
| 457 | * React Native specific. |
| 458 | * These variables do not appear to be used anywhere else. |
| 459 | */ |
| 460 | /** |
| 461 | * Breakpoints & Media Queries |
| 462 | */ |
| 463 | /** |
| 464 | * Converts a hex value into the rgb equivalent. |
| 465 | * |
| 466 | * @param {string} hex - the hexadecimal value to convert |
| 467 | * @return {string} comma separated rgb values |
| 468 | */ |
| 469 | /** |
| 470 | * Long content fade mixin |
| 471 | * |
| 472 | * Creates a fading overlay to signify that the content is longer |
| 473 | * than the space allows. |
| 474 | */ |
| 475 | /** |
| 476 | * Typography |
| 477 | */ |
| 478 | /** |
| 479 | * Breakpoint mixins |
| 480 | */ |
| 481 | /** |
| 482 | * Focus styles. |
| 483 | */ |
| 484 | /** |
| 485 | * Applies editor left position to the selector passed as argument |
| 486 | */ |
| 487 | /** |
| 488 | * Styles that are reused verbatim in a few places |
| 489 | */ |
| 490 | /** |
| 491 | * Allows users to opt-out of animations via OS-level preferences. |
| 492 | */ |
| 493 | /** |
| 494 | * Reset default styles for JavaScript UI based pages. |
| 495 | * This is a WP-admin agnostic reset |
| 496 | */ |
| 497 | /** |
| 498 | * Reset the WP Admin page styles for Gutenberg-like pages. |
| 499 | */ |
| 500 | :root { |
| 501 | --wp-block-synced-color: #7a00df; |
| 502 | --wp-block-synced-color--rgb: 122, 0, 223; |
| 503 | --wp-bound-block-color: var(--wp-block-synced-color); |
| 504 | --wp-admin-theme-color: #007cba; |
| 505 | --wp-admin-theme-color--rgb: 0, 124, 186; |
| 506 | --wp-admin-theme-color-darker-10: #006ba1; |
| 507 | --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; |
| 508 | --wp-admin-theme-color-darker-20: #005a87; |
| 509 | --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; |
| 510 | --wp-admin-border-width-focus: 2px; |
| 511 | } |
| 512 | @media (min-resolution: 192dpi) { |
| 513 | :root { |
| 514 | --wp-admin-border-width-focus: 1.5px; |
| 515 | } |
| 516 | } |
| 517 | .dataviews-wrapper { |
| 518 | height: 100%; |
| 519 | overflow: auto; |
| 520 | box-sizing: border-box; |
| 521 | scroll-padding-bottom: 64px; |
| 522 | /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */ |
| 523 | container: dataviews-wrapper/inline-size; |
| 524 | display: flex; |
| 525 | flex-direction: column; |
| 526 | font-size: 13px; |
| 527 | line-height: 1.4; |
| 528 | } |
| 529 | .dataviews__view-actions, |
| 530 | .dataviews-filters__container { |
| 531 | box-sizing: border-box; |
| 532 | padding: 16px 48px; |
| 533 | flex-shrink: 0; |
| 534 | position: sticky; |
| 535 | left: 0; |
| 536 | } |
| 537 | @media not (prefers-reduced-motion) { |
| 538 | .dataviews__view-actions, |
| 539 | .dataviews-filters__container { |
| 540 | transition: padding ease-out 0.1s; |
| 541 | } |
| 542 | } |
| 543 | .dataviews-no-results, |
| 544 | .dataviews-loading { |
| 545 | padding: 0 48px; |
| 546 | flex-grow: 1; |
| 547 | display: flex; |
| 548 | align-items: center; |
| 549 | justify-content: center; |
| 550 | } |
| 551 | @media not (prefers-reduced-motion) { |
| 552 | .dataviews-no-results, |
| 553 | .dataviews-loading { |
| 554 | transition: padding ease-out 0.1s; |
| 555 | } |
| 556 | } |
| 557 | @container (max-width: 430px) { |
| 558 | .dataviews__view-actions, |
| 559 | .dataviews-filters__container { |
| 560 | padding: 12px 24px; |
| 561 | } |
| 562 | .dataviews-no-results, |
| 563 | .dataviews-loading { |
| 564 | padding-left: 24px; |
| 565 | padding-right: 24px; |
| 566 | } |
| 567 | } |
| 568 | .dataviews-title-field { |
| 569 | font-size: 13px; |
| 570 | font-weight: 500; |
| 571 | color: #2f2f2f; |
| 572 | text-overflow: ellipsis; |
| 573 | white-space: nowrap; |
| 574 | width: 100%; |
| 575 | } |
| 576 | .dataviews-title-field a { |
| 577 | text-decoration: none; |
| 578 | text-overflow: ellipsis; |
| 579 | white-space: nowrap; |
| 580 | overflow: hidden; |
| 581 | display: block; |
| 582 | flex-grow: 0; |
| 583 | color: #2f2f2f; |
| 584 | } |
| 585 | .dataviews-title-field a:hover { |
| 586 | color: var(--wp-admin-theme-color); |
| 587 | } |
| 588 | .dataviews-title-field a:focus { |
| 589 | color: var(--wp-admin-theme-color--rgb); |
| 590 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
| 591 | border-radius: 2px; |
| 592 | } |
| 593 | .dataviews-title-field button.components-button.is-link { |
| 594 | text-decoration: none; |
| 595 | font-weight: inherit; |
| 596 | text-overflow: ellipsis; |
| 597 | white-space: nowrap; |
| 598 | overflow: hidden; |
| 599 | display: block; |
| 600 | width: 100%; |
| 601 | color: #1e1e1e; |
| 602 | } |
| 603 | .dataviews-title-field button.components-button.is-link:hover { |
| 604 | color: var(--wp-admin-theme-color); |
| 605 | } |
| 606 | .dataviews-title-field--clickable { |
| 607 | cursor: pointer; |
| 608 | color: #2f2f2f; |
| 609 | } |
| 610 | .dataviews-title-field--clickable:hover { |
| 611 | color: var(--wp-admin-theme-color); |
| 612 | } |
| 613 | .dataviews-title-field--clickable:focus { |
| 614 | color: var(--wp-admin-theme-color--rgb); |
| 615 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
| 616 | border-radius: 2px; |
| 617 | } |
| 618 | .dataviews-bulk-actions-footer__item-count { |
| 619 | color: #1e1e1e; |
| 620 | font-weight: 500; |
| 621 | font-size: 11px; |
| 622 | text-transform: uppercase; |
| 623 | } |
| 624 | .dataviews-bulk-actions-footer__container { |
| 625 | margin-right: auto; |
| 626 | min-height: 32px; |
| 627 | } |
| 628 | .dataviews-filters__button { |
| 629 | position: relative; |
| 630 | } |
| 631 | .dataviews-filters__container { |
| 632 | padding-top: 0; |
| 633 | } |
| 634 | .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover { |
| 635 | opacity: 0; |
| 636 | } |
| 637 | .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus { |
| 638 | opacity: 1; |
| 639 | } |
| 640 | .dataviews-filters__summary-popover { |
| 641 | font-size: 13px; |
| 642 | line-height: 1.4; |
| 643 | } |
| 644 | .dataviews-filters__summary-popover .components-popover__content { |
| 645 | width: 230px; |
| 646 | border-radius: 4px; |
| 647 | } |
| 648 | .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content { |
| 649 | padding: 0; |
| 650 | } |
| 651 | .dataviews-filters__summary-operators-container { |
| 652 | padding: 8px 8px 0; |
| 653 | } |
| 654 | .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox) { |
| 655 | border-bottom: 1px solid #e0e0e0; |
| 656 | padding-bottom: 8px; |
| 657 | } |
| 658 | .dataviews-filters__summary-operators-container:empty { |
| 659 | display: none; |
| 660 | } |
| 661 | .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name { |
| 662 | color: #757575; |
| 663 | } |
| 664 | .dataviews-filters__summary-chip-container { |
| 665 | position: relative; |
| 666 | white-space: pre-wrap; |
| 667 | } |
| 668 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip { |
| 669 | border-radius: 16px; |
| 670 | border: 1px solid transparent; |
| 671 | cursor: pointer; |
| 672 | padding: 4px 12px; |
| 673 | min-height: 32px; |
| 674 | background: #f0f0f0; |
| 675 | color: #2f2f2f; |
| 676 | position: relative; |
| 677 | display: flex; |
| 678 | align-items: center; |
| 679 | box-sizing: border-box; |
| 680 | } |
| 681 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset { |
| 682 | padding-inline-end: 28px; |
| 683 | } |
| 684 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] { |
| 685 | background: #e0e0e0; |
| 686 | color: #1e1e1e; |
| 687 | } |
| 688 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values { |
| 689 | color: var(--wp-admin-theme-color); |
| 690 | background: rgba(var(--wp-admin-theme-color--rgb), 0.04); |
| 691 | } |
| 692 | .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] { |
| 693 | background: rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 694 | } |
| 695 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible { |
| 696 | outline: none; |
| 697 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 698 | } |
| 699 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name { |
| 700 | font-weight: 500; |
| 701 | } |
| 702 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove { |
| 703 | width: 24px; |
| 704 | height: 24px; |
| 705 | border-radius: 50%; |
| 706 | border: 0; |
| 707 | padding: 0; |
| 708 | position: absolute; |
| 709 | right: 4px; |
| 710 | top: 50%; |
| 711 | transform: translateY(-50%); |
| 712 | display: flex; |
| 713 | align-items: center; |
| 714 | justify-content: center; |
| 715 | background: transparent; |
| 716 | cursor: pointer; |
| 717 | } |
| 718 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg { |
| 719 | fill: #757575; |
| 720 | } |
| 721 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus { |
| 722 | background: #e0e0e0; |
| 723 | } |
| 724 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg { |
| 725 | fill: #1e1e1e; |
| 726 | } |
| 727 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg { |
| 728 | fill: var(--wp-admin-theme-color); |
| 729 | } |
| 730 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover { |
| 731 | background: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 732 | } |
| 733 | .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible { |
| 734 | outline: none; |
| 735 | box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 736 | } |
| 737 | .dataviews-filters__search-widget-filter-combobox-list { |
| 738 | max-height: 184px; |
| 739 | padding: 4px; |
| 740 | overflow: auto; |
| 741 | border-top: 1px solid #e0e0e0; |
| 742 | } |
| 743 | .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] { |
| 744 | font-weight: 600; |
| 745 | } |
| 746 | .dataviews-filters__search-widget-listbox { |
| 747 | padding: 4px; |
| 748 | overflow: auto; |
| 749 | } |
| 750 | .dataviews-filters__search-widget-listitem { |
| 751 | display: flex; |
| 752 | align-items: center; |
| 753 | gap: 8px; |
| 754 | border-radius: 2px; |
| 755 | box-sizing: border-box; |
| 756 | padding: 8px 12px; |
| 757 | cursor: default; |
| 758 | margin-block-end: 2px; |
| 759 | } |
| 760 | .dataviews-filters__search-widget-listitem:last-child { |
| 761 | margin-block-end: 0; |
| 762 | } |
| 763 | .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus { |
| 764 | background-color: var(--wp-admin-theme-color); |
| 765 | color: #fff; |
| 766 | } |
| 767 | .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check { |
| 768 | fill: #fff; |
| 769 | } |
| 770 | .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 { |
| 771 | color: #fff; |
| 772 | } |
| 773 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check { |
| 774 | width: 24px; |
| 775 | height: 24px; |
| 776 | flex-shrink: 0; |
| 777 | } |
| 778 | .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description { |
| 779 | display: block; |
| 780 | overflow: hidden; |
| 781 | text-overflow: ellipsis; |
| 782 | font-size: 12px; |
| 783 | line-height: 16px; |
| 784 | color: #757575; |
| 785 | } |
| 786 | .dataviews-filters__search-widget-filter-combobox__wrapper { |
| 787 | position: relative; |
| 788 | padding: 8px; |
| 789 | } |
| 790 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 791 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
| 792 | padding: 6px 8px; |
| 793 | /* Fonts smaller than 16px causes mobile safari to zoom. */ |
| 794 | font-size: 16px; |
| 795 | /* Override core line-height. To be reviewed. */ |
| 796 | line-height: normal; |
| 797 | box-shadow: 0 0 0 transparent; |
| 798 | border-radius: 2px; |
| 799 | border: 1px solid #949494; |
| 800 | display: block; |
| 801 | padding: 0 32px 0 8px; |
| 802 | background: #f0f0f0; |
| 803 | border: none; |
| 804 | width: 100%; |
| 805 | height: 32px; |
| 806 | margin-left: 0; |
| 807 | margin-right: 0; |
| 808 | /* Fonts smaller than 16px causes mobile safari to zoom. */ |
| 809 | font-size: 16px; |
| 810 | } |
| 811 | @media not (prefers-reduced-motion) { |
| 812 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 813 | transition: box-shadow 0.1s linear; |
| 814 | } |
| 815 | } |
| 816 | @media (min-width: 600px) { |
| 817 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 818 | font-size: 13px; |
| 819 | /* Override core line-height. To be reviewed. */ |
| 820 | line-height: normal; |
| 821 | } |
| 822 | } |
| 823 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus { |
| 824 | border-color: var(--wp-admin-theme-color); |
| 825 | box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
| 826 | outline: 2px solid transparent; |
| 827 | } |
| 828 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder { |
| 829 | color: rgba(30, 30, 30, 0.62); |
| 830 | } |
| 831 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder { |
| 832 | color: rgba(30, 30, 30, 0.62); |
| 833 | } |
| 834 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder { |
| 835 | color: rgba(30, 30, 30, 0.62); |
| 836 | } |
| 837 | @media (min-width: 600px) { |
| 838 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { |
| 839 | font-size: 13px; |
| 840 | } |
| 841 | } |
| 842 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus { |
| 843 | background: #fff; |
| 844 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 845 | } |
| 846 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder { |
| 847 | color: #757575; |
| 848 | } |
| 849 | .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 { |
| 850 | -webkit-appearance: none; |
| 851 | } |
| 852 | .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon { |
| 853 | position: absolute; |
| 854 | right: 12px; |
| 855 | top: 50%; |
| 856 | transform: translateY(-50%); |
| 857 | display: flex; |
| 858 | align-items: center; |
| 859 | justify-content: center; |
| 860 | width: 24px; |
| 861 | } |
| 862 | .dataviews-filters__container-visibility-toggle { |
| 863 | position: relative; |
| 864 | flex-shrink: 0; |
| 865 | } |
| 866 | .dataviews-filters-toggle__count { |
| 867 | position: absolute; |
| 868 | top: 0; |
| 869 | right: 0; |
| 870 | transform: translate(50%, -50%); |
| 871 | background: var(--wp-admin-theme-color, #3858e9); |
| 872 | height: 16px; |
| 873 | min-width: 16px; |
| 874 | line-height: 16px; |
| 875 | padding: 0 4px; |
| 876 | text-align: center; |
| 877 | border-radius: 8px; |
| 878 | font-size: 11px; |
| 879 | outline: var(--wp-admin-border-width-focus) solid #fff; |
| 880 | color: #fff; |
| 881 | box-sizing: border-box; |
| 882 | } |
| 883 | .dataviews-search { |
| 884 | width: fit-content; |
| 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 | z-index: 2; |
| 895 | } |
| 896 | @media not (prefers-reduced-motion) { |
| 897 | .dataviews-footer { |
| 898 | transition: padding ease-out 0.1s; |
| 899 | } |
| 900 | } |
| 901 | @container (max-width: 430px) { |
| 902 | .dataviews-footer { |
| 903 | padding: 12px 24px; |
| 904 | } |
| 905 | } |
| 906 | @container (max-width: 560px) { |
| 907 | .dataviews-footer { |
| 908 | flex-direction: column !important; |
| 909 | } |
| 910 | .dataviews-footer .dataviews-bulk-actions-footer__container { |
| 911 | width: 100%; |
| 912 | } |
| 913 | .dataviews-footer .dataviews-bulk-actions-footer__item-count { |
| 914 | flex-grow: 1; |
| 915 | } |
| 916 | .dataviews-footer .dataviews-pagination { |
| 917 | width: 100%; |
| 918 | justify-content: space-between; |
| 919 | } |
| 920 | } |
| 921 | .dataviews-pagination__page-select { |
| 922 | font-size: 11px; |
| 923 | font-weight: 500; |
| 924 | text-transform: uppercase; |
| 925 | } |
| 926 | @media (min-width: 600px) { |
| 927 | .dataviews-pagination__page-select .components-select-control__input { |
| 928 | font-size: 11px !important; |
| 929 | font-weight: 500; |
| 930 | } |
| 931 | } |
| 932 | .dataviews-action-modal { |
| 933 | z-index: 1000001; |
| 934 | } |
| 935 | .dataviews-selection-checkbox { |
| 936 | --checkbox-input-size: 24px; |
| 937 | line-height: 0; |
| 938 | flex-shrink: 0; |
| 939 | } |
| 940 | @media (min-width: 600px) { |
| 941 | .dataviews-selection-checkbox { |
| 942 | --checkbox-input-size: 16px; |
| 943 | } |
| 944 | } |
| 945 | .dataviews-selection-checkbox .components-checkbox-control__input-container { |
| 946 | margin: 0; |
| 947 | } |
| 948 | .dataviews-view-config { |
| 949 | width: 320px; |
| 950 | /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */ |
| 951 | container-type: inline-size; |
| 952 | font-size: 13px; |
| 953 | line-height: 1.4; |
| 954 | } |
| 955 | .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper { |
| 956 | overflow-y: scroll; |
| 957 | height: 100%; |
| 958 | } |
| 959 | .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config { |
| 960 | width: auto; |
| 961 | } |
| 962 | .dataviews-view-config__sort-direction .components-toggle-group-control-option-base { |
| 963 | text-transform: uppercase; |
| 964 | } |
| 965 | .dataviews-settings-section__title.dataviews-settings-section__title { |
| 966 | line-height: 24px; |
| 967 | font-size: 15px; |
| 968 | } |
| 969 | .dataviews-settings-section__sidebar { |
| 970 | grid-column: span 4; |
| 971 | } |
| 972 | .dataviews-settings-section__content, |
| 973 | .dataviews-settings-section__content > * { |
| 974 | grid-column: span 8; |
| 975 | } |
| 976 | .dataviews-settings-section__content .is-divided-in-two { |
| 977 | display: contents; |
| 978 | } |
| 979 | .dataviews-settings-section__content .is-divided-in-two > * { |
| 980 | grid-column: span 4; |
| 981 | } |
| 982 | .dataviews-settings-section:has(.dataviews-settings-section__content:empty) { |
| 983 | display: none; |
| 984 | } |
| 985 | @container (max-width: 500px) { |
| 986 | .dataviews-settings-section.dataviews-settings-section { |
| 987 | grid-template-columns: repeat(2, 1fr); |
| 988 | } |
| 989 | .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar { |
| 990 | grid-column: span 2; |
| 991 | } |
| 992 | .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content { |
| 993 | grid-column: span 2; |
| 994 | } |
| 995 | } |
| 996 | .dataviews-field-control__field { |
| 997 | height: 32px; |
| 998 | } |
| 999 | .dataviews-field-control__actions { |
| 1000 | position: absolute; |
| 1001 | top: -9999em; |
| 1002 | } |
| 1003 | .dataviews-field-control__actions.dataviews-field-control__actions { |
| 1004 | gap: 4px; |
| 1005 | } |
| 1006 | .dataviews-field-control__field:hover .dataviews-field-control__actions, |
| 1007 | .dataviews-field-control__field:focus-within .dataviews-field-control__actions, |
| 1008 | .dataviews-field-control__field.is-interacting .dataviews-field-control__actions { |
| 1009 | position: unset; |
| 1010 | top: unset; |
| 1011 | } |
| 1012 | .dataviews-field-control__icon { |
| 1013 | display: flex; |
| 1014 | width: 24px; |
| 1015 | } |
| 1016 | .dataviews-field-control__label-sub-label-container { |
| 1017 | flex-grow: 1; |
| 1018 | } |
| 1019 | .dataviews-field-control__label { |
| 1020 | display: block; |
| 1021 | } |
| 1022 | .dataviews-field-control__sub-label { |
| 1023 | margin-top: 8px; |
| 1024 | margin-bottom: 0; |
| 1025 | font-size: 11px; |
| 1026 | font-style: normal; |
| 1027 | color: #757575; |
| 1028 | } |
| 1029 | .dataviews-view-grid { |
| 1030 | margin-bottom: auto; |
| 1031 | grid-template-rows: max-content; |
| 1032 | padding: 0 48px 24px; |
| 1033 | container-type: inline-size; |
| 1034 | } |
| 1035 | @media not (prefers-reduced-motion) { |
| 1036 | .dataviews-view-grid { |
| 1037 | transition: padding ease-out 0.1s; |
| 1038 | } |
| 1039 | } |
| 1040 | .dataviews-view-grid .dataviews-view-grid__card { |
| 1041 | height: 100%; |
| 1042 | justify-content: flex-start; |
| 1043 | position: relative; |
| 1044 | } |
| 1045 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions { |
| 1046 | padding: 8px 0 4px; |
| 1047 | } |
| 1048 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field { |
| 1049 | min-height: 24px; |
| 1050 | display: flex; |
| 1051 | align-items: center; |
| 1052 | } |
| 1053 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable { |
| 1054 | width: fit-content; |
| 1055 | } |
| 1056 | .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { |
| 1057 | color: #1e1e1e; |
| 1058 | } |
| 1059 | .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after, |
| 1060 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { |
| 1061 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 1062 | } |
| 1063 | .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after { |
| 1064 | box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
| 1065 | } |
| 1066 | .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { |
| 1067 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 1068 | } |
| 1069 | .dataviews-view-grid .dataviews-view-grid__media { |
| 1070 | width: 100%; |
| 1071 | min-height: 200px; |
| 1072 | aspect-ratio: 1/1; |
| 1073 | background-color: #f0f0f0; |
| 1074 | border-radius: 4px; |
| 1075 | position: relative; |
| 1076 | } |
| 1077 | .dataviews-view-grid .dataviews-view-grid__media img { |
| 1078 | object-fit: cover; |
| 1079 | width: 100%; |
| 1080 | height: 100%; |
| 1081 | } |
| 1082 | .dataviews-view-grid .dataviews-view-grid__media::after { |
| 1083 | content: ""; |
| 1084 | position: absolute; |
| 1085 | top: 0; |
| 1086 | left: 0; |
| 1087 | width: 100%; |
| 1088 | height: 100%; |
| 1089 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
| 1090 | border-radius: 4px; |
| 1091 | pointer-events: none; |
| 1092 | } |
| 1093 | .dataviews-view-grid .dataviews-view-grid__fields { |
| 1094 | position: relative; |
| 1095 | font-size: 12px; |
| 1096 | line-height: 16px; |
| 1097 | } |
| 1098 | .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) { |
| 1099 | padding: 0 0 12px; |
| 1100 | } |
| 1101 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) { |
| 1102 | min-height: 24px; |
| 1103 | line-height: 20px; |
| 1104 | padding-top: 2px; |
| 1105 | } |
| 1106 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field { |
| 1107 | min-height: 24px; |
| 1108 | align-items: center; |
| 1109 | } |
| 1110 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name { |
| 1111 | width: 35%; |
| 1112 | color: #757575; |
| 1113 | } |
| 1114 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { |
| 1115 | width: 65%; |
| 1116 | overflow: hidden; |
| 1117 | text-overflow: ellipsis; |
| 1118 | white-space: nowrap; |
| 1119 | } |
| 1120 | .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) { |
| 1121 | display: none; |
| 1122 | } |
| 1123 | .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) { |
| 1124 | padding-bottom: 12px; |
| 1125 | } |
| 1126 | .dataviews-view-grid.dataviews-view-grid { |
| 1127 | /** |
| 1128 | * Breakpoints were adjusted from media queries breakpoints to account for |
| 1129 | * the sidebar width. This was done to match the existing styles we had. |
| 1130 | */ |
| 1131 | } |
| 1132 | @container (max-width: 480px) { |
| 1133 | .dataviews-view-grid.dataviews-view-grid { |
| 1134 | grid-template-columns: repeat(1, minmax(0, 1fr)); |
| 1135 | padding-left: 24px; |
| 1136 | padding-right: 24px; |
| 1137 | } |
| 1138 | } |
| 1139 | @container (min-width: 480px) { |
| 1140 | .dataviews-view-grid.dataviews-view-grid { |
| 1141 | grid-template-columns: repeat(2, minmax(0, 1fr)); |
| 1142 | } |
| 1143 | } |
| 1144 | @container (min-width: 780px) { |
| 1145 | .dataviews-view-grid.dataviews-view-grid { |
| 1146 | grid-template-columns: repeat(3, minmax(0, 1fr)); |
| 1147 | } |
| 1148 | } |
| 1149 | @container (min-width: 1140px) { |
| 1150 | .dataviews-view-grid.dataviews-view-grid { |
| 1151 | grid-template-columns: repeat(4, minmax(0, 1fr)); |
| 1152 | } |
| 1153 | } |
| 1154 | @container (min-width: 1520px) { |
| 1155 | .dataviews-view-grid.dataviews-view-grid { |
| 1156 | grid-template-columns: repeat(5, minmax(0, 1fr)); |
| 1157 | } |
| 1158 | } |
| 1159 | .dataviews-view-grid__field-value:empty, |
| 1160 | .dataviews-view-grid__field:empty { |
| 1161 | display: none; |
| 1162 | } |
| 1163 | .dataviews-view-grid__card .dataviews-selection-checkbox { |
| 1164 | position: absolute; |
| 1165 | top: -9999em; |
| 1166 | left: 8px; |
| 1167 | z-index: 1; |
| 1168 | } |
| 1169 | @media (hover: none) { |
| 1170 | .dataviews-view-grid__card .dataviews-selection-checkbox { |
| 1171 | top: 8px; |
| 1172 | } |
| 1173 | } |
| 1174 | .dataviews-view-grid__card:hover .dataviews-selection-checkbox, |
| 1175 | .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox, |
| 1176 | .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox { |
| 1177 | top: 8px; |
| 1178 | } |
| 1179 | .dataviews-view-grid__media--clickable { |
| 1180 | cursor: pointer; |
| 1181 | } |
| 1182 | div.dataviews-view-list { |
| 1183 | list-style-type: none; |
| 1184 | } |
| 1185 | .dataviews-view-list { |
| 1186 | margin: 0 0 auto; |
| 1187 | } |
| 1188 | .dataviews-view-list div[role=row] { |
| 1189 | margin: 0; |
| 1190 | border-top: 1px solid #f0f0f0; |
| 1191 | } |
| 1192 | .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper { |
| 1193 | position: relative; |
| 1194 | padding: 16px 24px; |
| 1195 | box-sizing: border-box; |
| 1196 | } |
| 1197 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions { |
| 1198 | display: flex; |
| 1199 | width: max-content; |
| 1200 | flex: 0 0 auto; |
| 1201 | gap: 4px; |
| 1202 | } |
| 1203 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button { |
| 1204 | position: relative; |
| 1205 | z-index: 1; |
| 1206 | } |
| 1207 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div { |
| 1208 | height: 24px; |
| 1209 | } |
| 1210 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child) { |
| 1211 | flex: 0; |
| 1212 | overflow: hidden; |
| 1213 | width: 0; |
| 1214 | } |
| 1215 | .dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions > :not(:last-child) { |
| 1216 | flex-basis: min-content; |
| 1217 | width: auto; |
| 1218 | overflow: unset; |
| 1219 | } |
| 1220 | @media (hover: none) { |
| 1221 | .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child) { |
| 1222 | flex-basis: min-content; |
| 1223 | width: auto; |
| 1224 | overflow: unset; |
| 1225 | } |
| 1226 | } |
| 1227 | .dataviews-view-list div[role=row].is-selected.is-selected { |
| 1228 | border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 1229 | } |
| 1230 | .dataviews-view-list div[role=row].is-selected.is-selected + div[role=row] { |
| 1231 | border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 1232 | } |
| 1233 | .dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field { |
| 1234 | color: #1e1e1e; |
| 1235 | } |
| 1236 | .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 { |
| 1237 | color: var(--wp-admin-theme-color); |
| 1238 | background-color: #f8f8f8; |
| 1239 | } |
| 1240 | .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field, |
| 1241 | .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, |
| 1242 | .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, |
| 1243 | .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields { |
| 1244 | color: var(--wp-admin-theme-color); |
| 1245 | } |
| 1246 | .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper, |
| 1247 | .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper { |
| 1248 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); |
| 1249 | color: #1e1e1e; |
| 1250 | } |
| 1251 | .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, |
| 1252 | .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields, |
| 1253 | .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, |
| 1254 | .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields { |
| 1255 | color: var(--wp-admin-theme-color); |
| 1256 | } |
| 1257 | .dataviews-view-list .dataviews-view-list__item { |
| 1258 | position: absolute; |
| 1259 | z-index: 1; |
| 1260 | inset: 0; |
| 1261 | scroll-margin: 8px 0; |
| 1262 | appearance: none; |
| 1263 | border: none; |
| 1264 | background: none; |
| 1265 | padding: 0; |
| 1266 | cursor: pointer; |
| 1267 | } |
| 1268 | .dataviews-view-list .dataviews-view-list__item:focus-visible { |
| 1269 | outline: none; |
| 1270 | } |
| 1271 | .dataviews-view-list .dataviews-view-list__item:focus-visible::before { |
| 1272 | position: absolute; |
| 1273 | content: ""; |
| 1274 | inset: var(--wp-admin-border-width-focus); |
| 1275 | box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
| 1276 | border-radius: 2px; |
| 1277 | outline: 2px solid transparent; |
| 1278 | } |
| 1279 | .dataviews-view-list .dataviews-view-list__title-field { |
| 1280 | flex: 1; |
| 1281 | min-height: 24px; |
| 1282 | line-height: 24px; |
| 1283 | overflow: hidden; |
| 1284 | } |
| 1285 | .dataviews-view-list .dataviews-view-list__title-field:has(a, button) { |
| 1286 | z-index: 1; |
| 1287 | } |
| 1288 | .dataviews-view-list .dataviews-view-list__media-wrapper { |
| 1289 | width: 52px; |
| 1290 | height: 52px; |
| 1291 | overflow: hidden; |
| 1292 | position: relative; |
| 1293 | flex-shrink: 0; |
| 1294 | background-color: #f0f0f0; |
| 1295 | border-radius: 4px; |
| 1296 | } |
| 1297 | .dataviews-view-list .dataviews-view-list__media-wrapper img { |
| 1298 | width: 100%; |
| 1299 | height: 100%; |
| 1300 | object-fit: cover; |
| 1301 | } |
| 1302 | .dataviews-view-list .dataviews-view-list__media-wrapper::after { |
| 1303 | content: ""; |
| 1304 | position: absolute; |
| 1305 | top: 0; |
| 1306 | left: 0; |
| 1307 | width: 100%; |
| 1308 | height: 100%; |
| 1309 | box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); |
| 1310 | border-radius: 4px; |
| 1311 | } |
| 1312 | .dataviews-view-list .dataviews-view-list__field-wrapper { |
| 1313 | min-height: 52px; |
| 1314 | flex-grow: 1; |
| 1315 | } |
| 1316 | .dataviews-view-list .dataviews-view-list__fields { |
| 1317 | color: #757575; |
| 1318 | display: flex; |
| 1319 | gap: 12px; |
| 1320 | row-gap: 4px; |
| 1321 | flex-wrap: wrap; |
| 1322 | font-size: 12px; |
| 1323 | } |
| 1324 | .dataviews-view-list .dataviews-view-list__fields:empty { |
| 1325 | display: none; |
| 1326 | } |
| 1327 | .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) { |
| 1328 | display: none; |
| 1329 | } |
| 1330 | .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value { |
| 1331 | min-height: 24px; |
| 1332 | line-height: 20px; |
| 1333 | display: flex; |
| 1334 | align-items: center; |
| 1335 | } |
| 1336 | .dataviews-view-list + .dataviews-pagination { |
| 1337 | justify-content: space-between; |
| 1338 | } |
| 1339 | .dataviews-view-table { |
| 1340 | width: 100%; |
| 1341 | text-indent: 0; |
| 1342 | border-color: inherit; |
| 1343 | border-collapse: collapse; |
| 1344 | position: relative; |
| 1345 | color: #757575; |
| 1346 | margin-bottom: auto; |
| 1347 | } |
| 1348 | .dataviews-view-table th { |
| 1349 | text-align: left; |
| 1350 | color: #1e1e1e; |
| 1351 | font-weight: normal; |
| 1352 | font-size: 13px; |
| 1353 | } |
| 1354 | .dataviews-view-table td, |
| 1355 | .dataviews-view-table th { |
| 1356 | padding: 12px; |
| 1357 | white-space: nowrap; |
| 1358 | } |
| 1359 | .dataviews-view-table td.dataviews-view-table__actions-column, |
| 1360 | .dataviews-view-table th.dataviews-view-table__actions-column { |
| 1361 | text-align: right; |
| 1362 | } |
| 1363 | .dataviews-view-table td.dataviews-view-table__checkbox-column, |
| 1364 | .dataviews-view-table th.dataviews-view-table__checkbox-column { |
| 1365 | padding-right: 0; |
| 1366 | width: 1%; |
| 1367 | } |
| 1368 | .dataviews-view-table tr { |
| 1369 | border-top: 1px solid #f0f0f0; |
| 1370 | } |
| 1371 | .dataviews-view-table tr .dataviews-view-table-header-button { |
| 1372 | gap: 4px; |
| 1373 | } |
| 1374 | .dataviews-view-table tr td:first-child, |
| 1375 | .dataviews-view-table tr th:first-child { |
| 1376 | padding-left: 48px; |
| 1377 | } |
| 1378 | .dataviews-view-table tr td:first-child .dataviews-view-table-header-button, |
| 1379 | .dataviews-view-table tr th:first-child .dataviews-view-table-header-button { |
| 1380 | margin-left: -8px; |
| 1381 | } |
| 1382 | .dataviews-view-table tr td:last-child, |
| 1383 | .dataviews-view-table tr th:last-child { |
| 1384 | padding-right: 48px; |
| 1385 | } |
| 1386 | .dataviews-view-table tr:last-child { |
| 1387 | border-bottom: 0; |
| 1388 | } |
| 1389 | .dataviews-view-table tr.is-hovered { |
| 1390 | background-color: #f8f8f8; |
| 1391 | } |
| 1392 | .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input { |
| 1393 | opacity: 0; |
| 1394 | } |
| 1395 | .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 { |
| 1396 | opacity: 1; |
| 1397 | } |
| 1398 | .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { |
| 1399 | opacity: 0; |
| 1400 | } |
| 1401 | .dataviews-view-table tr:focus-within .components-checkbox-control__input, |
| 1402 | .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, |
| 1403 | .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, |
| 1404 | .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { |
| 1405 | opacity: 1; |
| 1406 | } |
| 1407 | @media (hover: none) { |
| 1408 | .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input, |
| 1409 | .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { |
| 1410 | opacity: 1; |
| 1411 | } |
| 1412 | } |
| 1413 | .dataviews-view-table tr.is-selected { |
| 1414 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); |
| 1415 | color: #757575; |
| 1416 | } |
| 1417 | .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr { |
| 1418 | border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); |
| 1419 | } |
| 1420 | .dataviews-view-table tr.is-selected:hover { |
| 1421 | background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); |
| 1422 | } |
| 1423 | .dataviews-view-table thead { |
| 1424 | position: sticky; |
| 1425 | inset-block-start: 0; |
| 1426 | z-index: 1; |
| 1427 | } |
| 1428 | .dataviews-view-table thead tr { |
| 1429 | border: 0; |
| 1430 | } |
| 1431 | .dataviews-view-table thead th { |
| 1432 | background-color: #fff; |
| 1433 | padding-top: 8px; |
| 1434 | padding-bottom: 8px; |
| 1435 | padding-left: 12px; |
| 1436 | font-size: 11px; |
| 1437 | text-transform: uppercase; |
| 1438 | font-weight: 500; |
| 1439 | } |
| 1440 | .dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) { |
| 1441 | padding-left: 4px; |
| 1442 | } |
| 1443 | .dataviews-view-table tbody td { |
| 1444 | vertical-align: top; |
| 1445 | } |
| 1446 | .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper { |
| 1447 | min-height: 32px; |
| 1448 | display: flex; |
| 1449 | align-items: center; |
| 1450 | } |
| 1451 | .dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) { |
| 1452 | min-height: 0; |
| 1453 | } |
| 1454 | .dataviews-view-table .dataviews-view-table-header-button { |
| 1455 | padding: 4px 8px; |
| 1456 | font-size: 11px; |
| 1457 | text-transform: uppercase; |
| 1458 | font-weight: 500; |
| 1459 | } |
| 1460 | .dataviews-view-table .dataviews-view-table-header-button:not(:hover) { |
| 1461 | color: #1e1e1e; |
| 1462 | } |
| 1463 | .dataviews-view-table .dataviews-view-table-header-button span { |
| 1464 | speak: none; |
| 1465 | } |
| 1466 | .dataviews-view-table .dataviews-view-table-header-button span:empty { |
| 1467 | display: none; |
| 1468 | } |
| 1469 | .dataviews-view-table .dataviews-view-table-header { |
| 1470 | padding-left: 4px; |
| 1471 | } |
| 1472 | .dataviews-view-table .dataviews-view-table__actions-column { |
| 1473 | width: 1%; |
| 1474 | } |
| 1475 | .dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input { |
| 1476 | opacity: 1; |
| 1477 | } |
| 1478 | .dataviews-view-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) { |
| 1479 | padding-left: 0; |
| 1480 | } |
| 1481 | .dataviews-view-table.has-compact-density td, |
| 1482 | .dataviews-view-table.has-compact-density th { |
| 1483 | padding: 4px 8px; |
| 1484 | } |
| 1485 | .dataviews-view-table.has-comfortable-density td, |
| 1486 | .dataviews-view-table.has-comfortable-density th { |
| 1487 | padding: 16px 12px; |
| 1488 | } |
| 1489 | .dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column, |
| 1490 | .dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column, |
| 1491 | .dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column { |
| 1492 | padding-right: 0; |
| 1493 | } |
| 1494 | @container (max-width: 430px) { |
| 1495 | .dataviews-view-table tr td:first-child, |
| 1496 | .dataviews-view-table tr th:first-child { |
| 1497 | padding-left: 24px; |
| 1498 | } |
| 1499 | .dataviews-view-table tr td:last-child, |
| 1500 | .dataviews-view-table tr th:last-child { |
| 1501 | padding-right: 24px; |
| 1502 | } |
| 1503 | } |
| 1504 | .dataviews-view-table-selection-checkbox { |
| 1505 | --checkbox-input-size: 24px; |
| 1506 | } |
| 1507 | @media (min-width: 600px) { |
| 1508 | .dataviews-view-table-selection-checkbox { |
| 1509 | --checkbox-input-size: 16px; |
| 1510 | } |
| 1511 | } |
| 1512 | .dataviews-column-primary__media { |
| 1513 | max-width: 60px; |
| 1514 | } |
| 1515 | .dataviews-controls__datetime { |
| 1516 | border: none; |
| 1517 | padding: 0; |
| 1518 | } |
| 1519 | .dataforms-layouts-panel__field { |
| 1520 | width: 100%; |
| 1521 | min-height: 32px; |
| 1522 | justify-content: flex-start !important; |
| 1523 | align-items: flex-start !important; |
| 1524 | } |
| 1525 | .dataforms-layouts-panel__field-label { |
| 1526 | width: 38%; |
| 1527 | flex-shrink: 0; |
| 1528 | min-height: 32px; |
| 1529 | display: flex; |
| 1530 | align-items: center; |
| 1531 | line-height: 20px; |
| 1532 | hyphens: auto; |
| 1533 | align-self: center; |
| 1534 | } |
| 1535 | .dataforms-layouts-panel__field-control { |
| 1536 | flex-grow: 1; |
| 1537 | min-height: 32px; |
| 1538 | display: flex; |
| 1539 | align-items: center; |
| 1540 | } |
| 1541 | .dataforms-layouts-panel__field-control .components-button { |
| 1542 | max-width: 100%; |
| 1543 | text-align: left; |
| 1544 | white-space: normal; |
| 1545 | text-wrap: balance; |
| 1546 | text-wrap: pretty; |
| 1547 | min-height: 32px; |
| 1548 | } |
| 1549 | .dataforms-layouts-panel__field-control .components-dropdown { |
| 1550 | max-width: 100%; |
| 1551 | } |
| 1552 | .dataforms-layouts-panel__field-dropdown .components-popover__content { |
| 1553 | min-width: 320px; |
| 1554 | padding: 16px; |
| 1555 | } |
| 1556 | .dataforms-layouts-panel__dropdown-header { |
| 1557 | margin-bottom: 16px; |
| 1558 | } |
| 1559 | .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown { |
| 1560 | z-index: 159990; |
| 1561 | } |
| 1562 | .dataforms-layouts-regular__field { |
| 1563 | width: 100%; |
| 1564 | min-height: 32px; |
| 1565 | justify-content: flex-start !important; |
| 1566 | align-items: flex-start !important; |
| 1567 | } |
| 1568 | .dataforms-layouts-regular__field .components-base-control__label { |
| 1569 | font-size: inherit; |
| 1570 | font-weight: normal; |
| 1571 | text-transform: none; |
| 1572 | } |
| 1573 | .dataforms-layouts-regular__field-label { |
| 1574 | width: 38%; |
| 1575 | flex-shrink: 0; |
| 1576 | min-height: 32px; |
| 1577 | display: flex; |
| 1578 | align-items: center; |
| 1579 | line-height: 20px; |
| 1580 | hyphens: auto; |
| 1581 | align-self: center; |
| 1582 | } |
| 1583 | .dataforms-layouts-regular__field-control { |
| 1584 | flex-grow: 1; |
| 1585 | min-height: 32px; |
| 1586 | display: flex; |
| 1587 | align-items: center; |
| 1588 | } |
| 1589 | :root{--wp-admin-theme-color: #007cba;--wp-admin-theme-color--rgb: 0, 124, 186;--wp-admin-theme-color-darker-10: #006ba1;--wp-admin-theme-color-darker-10--rgb: 0, 107, 161;--wp-admin-theme-color-darker-20: #005a87;--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;--wp-admin-border-width-focus: 2px;--wp-block-synced-color: #7a00df;--wp-block-synced-color--rgb: 122, 0, 223;--wp-bound-block-color: var(--wp-block-synced-color)} |
| 1590 | @media(min-resolution: 192dpi){:root{--wp-admin-border-width-focus: 1.5px}} |
| 1591 | .wc-settings-row-disabled{opacity:.5;pointer-events:none} |
| 1592 | #wc_settings_email_listing_slotfill .dataviews-wrapper{background-color:#fff} |
| 1593 | #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} |
| 1594 | #wc_settings_email_listing_slotfill .woocommerce-email-listing-status svg{fill:currentColor;margin-right:4px} |
| 1595 | #wc_settings_email_listing_slotfill .woocommerce-email-listing-recipients{white-space:wrap} |
| 1596 | #wc_settings_email_listing_slotfill .woocommerce-email-listing-description{display:flex;justify-content:space-between;width:100%} |
| 1597 | #wc_settings_email_listing_slotfill .woocommerce-email-listing-description .woocommerce-email-listing-edit-template-button{margin-top:-8px;margin-left:8px} |
| 1598 | @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}} |
| 1599 | .woocommerce-email-listing-recipients-tooltip{text-align:left} |
| 1600 | #wc_settings_email_preview_slotfill{position:relative} |
| 1601 | .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} |
| 1602 | @media(max-width: 782px){.wc-settings-email-preview-container{margin-top:16px;width:100%}} |
| 1603 | @media(max-width: 600px){.wc-settings-email-preview-container{border-left:0;border-right:0;padding:16px 0}} |
| 1604 | .wc-settings-email-preview-container-floating{bottom:0;margin-bottom:0;position:absolute;left:666px} |
| 1605 | .wc-settings-email-preview-controls{align-items:center;display:flex;justify-content:space-between} |
| 1606 | .wc-settings-email-preview-controls div{margin-bottom:0} |
| 1607 | .wc-settings-email-preview-type{width:200px} |
| 1608 | @media(max-width: 600px){.wc-settings-email-preview-type{width:150px}} |
| 1609 | .wc-settings-email-preview-spinner{align-items:center;display:flex;justify-content:center;width:40px} |
| 1610 | .wc-settings-email-preview-spinner svg{margin:0} |
| 1611 | .wc-settings-email-preview-device-type{display:grid;grid-gap:8px;grid-template-columns:32px 32px;padding-right:8px} |
| 1612 | @media(max-width: 600px){.wc-settings-email-preview-device-type{display:none}} |
| 1613 | .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} |
| 1614 | .wc-settings-email-preview-device-type button:hover,.wc-settings-email-preview-device-type button:focus{background:#e0e0e0} |
| 1615 | .wc-settings-email-preview-device-type button.active{background:#1e1e1e} |
| 1616 | .wc-settings-email-preview-device-type button.active:hover,.wc-settings-email-preview-device-type button.active:focus{background:#000} |
| 1617 | .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%} |
| 1618 | @media(max-width: 600px){.wc-settings-email-preview{max-width:360px !important}} |
| 1619 | .wc-settings-email-preview iframe{border-radius:0 0 3px 3px;display:block;height:100%;width:100%} |
| 1620 | @keyframes pulse-loading{0%{opacity:1}100%{opacity:.2}} |
| 1621 | @keyframes pulse-loop{0%{opacity:.2}50%{opacity:.4}100%{opacity:.2}} |
| 1622 | .wc-settings-email-preview .iframe-is-loading{animation:pulse-loading .2s ease-out forwards,pulse-loop .6s ease-in-out .2s infinite} |
| 1623 | .wc-settings-email-preview-desktop{max-width:650px} |
| 1624 | .wc-settings-email-preview-mobile{max-width:360px} |
| 1625 | .wc-settings-email-preview-send-modal{width:456px} |
| 1626 | .wc-settings-email-preview-send-modal-notice{align-items:center;display:flex} |
| 1627 | .wc-settings-email-preview-send-modal-notice svg{margin-right:4px} |
| 1628 | .wc-settings-email-preview-send-modal-notice-success svg{fill:#4ab866} |
| 1629 | .wc-settings-email-preview-send-modal-notice-error{color:#d94f4f} |
| 1630 | .wc-settings-email-preview-send-modal-notice-error svg{fill:#d94f4f} |
| 1631 | .wc-settings-email-preview-send-modal-buttons{display:flex;justify-content:flex-end;margin-top:32px} |
| 1632 | .wc-settings-email-preview-send-modal-buttons button{margin-left:12px} |
| 1633 | .wc-settings-email-preview-header{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;justify-content:space-between;padding:16px} |
| 1634 | .wc-settings-email-preview-header-subject{font-size:21px;font-weight:normal;line-height:21px;margin:0 0 16px} |
| 1635 | .wc-settings-email-preview-header-subject::before{content:""} |
| 1636 | .wc-settings-email-preview-header-data{align-items:center;display:flex} |
| 1637 | .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} |
| 1638 | .wc-settings-email-preview-header-sender{font-size:13px;font-weight:600;word-break:break-word} |
| 1639 | .wc-settings-email-preview-header-sender span{font-size:11px;font-weight:400} |
| 1640 | .wc-settings-email-preview-ces-feedback{bottom:-40px;position:absolute;right:0} |
| 1641 | .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} |
| 1642 | .wc-settings-email-select-image:hover{border-color:#949494;cursor:pointer} |
| 1643 | .wc-settings-email-select-image-icon{inset:0;margin:auto;position:absolute} |
| 1644 | .wc-settings-email-logo-image{max-height:160px;max-width:100%} |
| 1645 | .wc-settings-email-color-palette-separator{border-bottom:none;margin-bottom:24px;margin-left:0;max-width:634px} |
| 1646 | .wc-settings-email-color-palette-header{margin:0 !important;max-width:634px;padding:0 !important} |
| 1647 | .wc-settings-email-color-palette-title{display:inline-block;margin-right:15px !important} |
| 1648 | .wc-settings-email-color-palette-buttons{align-items:center;display:inline-flex;gap:12px} |
| 1649 | .wc-settings-email-color-palette-buttons .components-toggle-control{margin-bottom:0} |
| 1650 |