PluginProbe ʕ •ᴥ•ʔ
پارسی دیت – Parsi Date / 6.2.1
پارسی دیت – Parsi Date v6.2.1
6.2.1 6.2 6.1 5.1.6 5.1.7 5.1.8 5.1.8.2 6.0 trunk 1.0 1.1 1.2 1.3 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 2.0.0-alpha 2.1 2.1.1 2.1.2 2.1.3 2.1.5 2.1.6 2.1.7 2.2.0 2.2.1 2.2.2 2.2.3 2.3.0.1 2.3.0.2 2.3.1 2.3.2 2.3.3 2.3.4 3.0.1 3.0.2 3.0.3 4.0.0 4.0.1 4.0.2 5.1.0 5.1.1 5.1.2 5.1.3 5.1.4 5.1.5
wp-parsidate / assets / css-admin / admin-style.css
wp-parsidate / assets / css-admin Last commit date
admin-fix.css 3 weeks ago admin-fix.min.css 3 weeks ago admin-style.css 3 weeks ago admin-style.css.map 3 weeks ago admin-style.min.css 3 weeks ago admin-style.min.css.map 3 weeks ago dashboard.css 3 weeks ago dashboard.css.map 3 weeks ago dashboard.min.css 3 weeks ago dashboard.min.css.map 3 weeks ago gutenberg-jalali-calendar.build.css 3 weeks ago jalalidatepicker.css 3 weeks ago jalalidatepicker.min.css 3 weeks ago keen-slider.css 3 weeks ago keen-slider.min.css 3 weeks ago tinymce-editor-rtl.css 3 weeks ago tinymce-editor.css 3 weeks ago tinymce-editor.min-rtl.css 3 weeks ago tinymce-editor.min.css 3 weeks ago vazir-font.css 3 weeks ago vazir-font.css.map 3 weeks ago vazir-font.min.css 3 weeks ago vazir-font.min.css.map 3 weeks ago
admin-style.css
2364 lines
1 @charset "UTF-8";
2 body {
3 --wppd-admin-bar-height: 0;
4 }
5 body.admin-bar {
6 --wppd-admin-bar-height: 32px;
7 }
8 body *[class^=wppd-] {
9 box-sizing: border-box;
10 }
11
12 .wppd-fade {
13 transition: opacity 0.15s linear;
14 opacity: 1;
15 }
16 .wppd-fade:not(.wppd-active) {
17 opacity: 0;
18 }
19
20 .wppd-button-close {
21 --wppd-btn-close-color: var(--wppd-text-color, #2B2B2B);
22 --wppd-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
23 --wppd-btn-close-opacity: 0.5;
24 --wppd-btn-close-hover-opacity: 0.75;
25 --wppd-btn-close-focus-opacity: 1;
26 --wppd-btn-close-disabled-opacity: 0.25;
27 box-sizing: content-box;
28 width: 1em;
29 height: 1em;
30 padding: 0.5rem;
31 color: var(--wppd-btn-close-color);
32 background: transparent var(--wppd-btn-close-bg) center/1em auto no-repeat;
33 border: 0;
34 border-radius: 0.375rem;
35 corner-shape: squircle;
36 opacity: var(--wppd-btn-close-opacity);
37 }
38 .wppd-button-close:hover {
39 opacity: var(--wppd-btn-close-hover-opacity);
40 }
41 .wppd-button-close:focus {
42 opacity: var(--wppd-btn-close-focus-opacity);
43 }
44 .wppd-button-close[disabled] {
45 opacity: var(--wppd-btn-close-disabled-opacity);
46 }
47
48 @media screen and (max-width: 782px) {
49 body.admin-bar {
50 --wppd-admin-bar-height: 46px;
51 }
52 }
53 .wp-parsidate-wrap .wppd-content > .wp-parsidate-notices {
54 padding: 20px 30px 0 30px;
55 }
56 .wp-parsidate-wrap .wppd-content > .wp-parsidate-notices + .wp-parsidate-notices {
57 padding-top: 0;
58 }
59
60 .wp-parsidate-notices {
61 display: flex;
62 flex-direction: column;
63 gap: 10px;
64 margin-bottom: 30px;
65 }
66 .wp-parsidate-notices .wppd-notice {
67 color: #2B2B2B;
68 background-color: #f3f3f3;
69 border-radius: 10px;
70 corner-shape: squircle;
71 padding: 10px;
72 display: flex;
73 flex-direction: row;
74 justify-content: space-between;
75 align-items: center;
76 letter-spacing: 0.02em;
77 }
78 .wp-parsidate-notices .wppd-notice > div {
79 display: flex;
80 align-items: center;
81 gap: 10px;
82 }
83 .wp-parsidate-notices .wppd-notice svg {
84 width: 22px;
85 height: 22px;
86 min-width: 22px;
87 }
88 .wp-parsidate-notices .wppd-notice p {
89 margin: 0;
90 }
91 .wp-parsidate-notices .wppd-notice code {
92 color: rgb(35.15, 113.05, 204.25);
93 background-color: rgb(218.25, 235.4, 250.1);
94 }
95 .wp-parsidate-notices .wppd-notice.wppd-notice-info {
96 color: #356aa3;
97 background-color: #DCEBFB;
98 }
99 .wp-parsidate-notices .wppd-notice.wppd-notice-info code {
100 color: rgb(50.35, 100.7, 154.85);
101 background-color: rgb(198.8653846154, 222.9230769231, 248.5846153846);
102 }
103 .wp-parsidate-notices .wppd-notice.wppd-notice-info a {
104 color: rgb(37.1, 74.2, 114.1);
105 }
106 .wp-parsidate-notices .wppd-notice.wppd-notice-info a:hover, .wp-parsidate-notices .wppd-notice.wppd-notice-info a:focus, .wp-parsidate-notices .wppd-notice.wppd-notice-info a:active {
107 color: #356aa3;
108 }
109 .wp-parsidate-notices .wppd-notice.wppd-notice-success {
110 color: #207b34;
111 background-color: #E2F3E6;
112 }
113 .wp-parsidate-notices .wppd-notice.wppd-notice-success code {
114 color: rgb(30.4, 116.85, 49.4);
115 background-color: rgb(209.4134146341, 236.1365853659, 215.7012195122);
116 }
117 .wp-parsidate-notices .wppd-notice.wppd-notice-success a {
118 color: rgb(22.4, 86.1, 36.4);
119 }
120 .wp-parsidate-notices .wppd-notice.wppd-notice-success a:hover, .wp-parsidate-notices .wppd-notice.wppd-notice-success a:focus, .wp-parsidate-notices .wppd-notice.wppd-notice-success a:active {
121 color: #207b34;
122 }
123 .wp-parsidate-notices .wppd-notice.wppd-notice-warning {
124 color: #8c6d29;
125 background-color: #FFF8E3;
126 }
127 .wp-parsidate-notices .wppd-notice.wppd-notice-warning code {
128 color: rgb(133, 103.55, 38.95);
129 background-color: rgb(255, 241.975, 202.9);
130 }
131 .wp-parsidate-notices .wppd-notice.wppd-notice-warning a {
132 color: rgb(98, 76.3, 28.7);
133 }
134 .wp-parsidate-notices .wppd-notice.wppd-notice-warning a:hover, .wp-parsidate-notices .wppd-notice.wppd-notice-warning a:focus, .wp-parsidate-notices .wppd-notice.wppd-notice-warning a:active {
135 color: #8c6d29;
136 }
137 .wp-parsidate-notices .wppd-notice.wppd-notice-error {
138 color: #b04b55;
139 background-color: #FFEEEC;
140 }
141 .wp-parsidate-notices .wppd-notice.wppd-notice-error code {
142 color: rgb(167.2, 71.25, 80.75);
143 background-color: rgb(255, 216.0342105263, 211.45);
144 }
145 .wp-parsidate-notices .wppd-notice.wppd-notice-error a {
146 color: rgb(123.2, 52.5, 59.5);
147 }
148 .wp-parsidate-notices .wppd-notice.wppd-notice-error a:hover, .wp-parsidate-notices .wppd-notice.wppd-notice-error a:focus, .wp-parsidate-notices .wppd-notice.wppd-notice-error a:active {
149 color: #b04b55;
150 }
151
152 body.rtl.wp-parsidate-notices .wppd-notice {
153 letter-spacing: normal;
154 }
155
156 #adminmenu .toplevel_page_wp-parsidate:hover, #adminmenu .toplevel_page_wp-parsidate:focus {
157 box-shadow: inset 4px 0 0 0 #2577d7;
158 }
159 #adminmenu .toplevel_page_wp-parsidate.current > a.menu-top {
160 background: #2577d7;
161 color: #fff;
162 }
163
164 .wp-parsidate-wrap {
165 position: relative;
166 }
167 .wp-parsidate-wrap .wppd-toggle {
168 position: relative;
169 display: inline-block;
170 width: 44px;
171 height: 24px;
172 }
173 .wp-parsidate-wrap .wppd-toggle input {
174 opacity: 0;
175 width: 0;
176 height: 0;
177 }
178 .wp-parsidate-wrap .wppd-toggle .wppd-toggle-slider {
179 position: absolute;
180 cursor: pointer;
181 top: 0;
182 left: 0;
183 right: 0;
184 bottom: 0;
185 background-color: #f0f7fd;
186 -webkit-transition: 0.4s;
187 transition: 0.4s;
188 border-radius: 34px;
189 box-shadow: 0 0 0 1px rgb(226.95, 240.04, 251.26);
190 margin: 0;
191 padding: 0;
192 }
193 .wp-parsidate-wrap .wppd-toggle .wppd-toggle-slider .wppd-check-icon {
194 display: none;
195 }
196 .wp-parsidate-wrap .wppd-toggle .wppd-toggle-slider .wppd-cross-icon {
197 display: inline-block;
198 }
199 .wp-parsidate-wrap .wppd-toggle .wppd-toggle-slider .wppd-toggle-handle {
200 position: absolute;
201 content: "";
202 left: 2px;
203 top: 2px;
204 -webkit-transition: 0.2s;
205 transition: 0.2s;
206 }
207 .wp-parsidate-wrap .wppd-toggle input:checked + .wppd-toggle-slider .wppd-check-icon {
208 display: inline-block;
209 }
210 .wp-parsidate-wrap .wppd-toggle input:checked + .wppd-toggle-slider .wppd-cross-icon {
211 display: none;
212 }
213 .wp-parsidate-wrap .wppd-toggle input:focus + .wppd-toggle-slider {
214 box-shadow: 0 0 0 2px #2577d7;
215 }
216 .wp-parsidate-wrap .wppd-toggle input:checked + .wppd-toggle-slider .wppd-toggle-handle {
217 -webkit-transform: translateX(20px);
218 -ms-transform: translateX(20px);
219 transform: translateX(20px);
220 }
221 .wp-parsidate-wrap .wppd-toggle input[disabled] + .wppd-toggle-slider {
222 opacity: 0.7;
223 }
224 .wp-parsidate-wrap .wppd-control-disabled .wppd-toggle .wppd-toggle-slider {
225 cursor: default;
226 }
227 .wp-parsidate-wrap .wppd-button {
228 background-color: transparent;
229 color: #2B2B2B;
230 border: 1px solid transparent;
231 padding: 8px 14px;
232 border-radius: 10px;
233 corner-shape: squircle;
234 font-weight: 500;
235 cursor: pointer;
236 -webkit-transition: 0.2s;
237 transition: 0.2s;
238 }
239 .wp-parsidate-wrap .wppd-button:hover, .wp-parsidate-wrap .wppd-button:focus, .wp-parsidate-wrap .wppd-button:active {
240 color: #525252;
241 background-color: rgba(255, 255, 255, 0.5);
242 }
243 .wp-parsidate-wrap .wppd-button.wppd-button-primary {
244 background-color: #2577d7;
245 border-color: #2577d7;
246 color: white;
247 }
248 .wp-parsidate-wrap .wppd-button.wppd-button-primary:hover, .wp-parsidate-wrap .wppd-button.wppd-button-primary:focus, .wp-parsidate-wrap .wppd-button.wppd-button-primary:active {
249 background-color: rgb(35.15, 113.05, 204.25);
250 }
251 .wp-parsidate-wrap .wppd-button.wppd-button-primary:focus, .wp-parsidate-wrap .wppd-button.wppd-button-primary:active {
252 outline-offset: 2px;
253 outline: #2577d7 solid 2px;
254 }
255 .wp-parsidate-wrap .wppd-button.wppd-button-primary:disabled {
256 color: #f3f3f3;
257 }
258 .wp-parsidate-wrap .wppd-button.wppd-button-secondary {
259 background-color: white;
260 border-color: #D3D3D3;
261 }
262 .wp-parsidate-wrap .wppd-button.wppd-button-secondary:hover, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:focus, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:active {
263 background-color: rgb(245.2, 247.16, 249.12);
264 }
265 .wp-parsidate-wrap .wppd-button.wppd-button-secondary:focus, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:active {
266 outline-offset: 2px;
267 outline: #2577d7 solid 2px;
268 }
269 .wp-parsidate-wrap .wppd-button:disabled {
270 color: #8A8A8A;
271 cursor: default;
272 }
273 .wp-parsidate-wrap .wppd-button.wppd-button-primary:disabled, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:disabled {
274 background-color: #f3f3f3;
275 }
276 .wp-parsidate-wrap .wppd-button.wppd-button-primary:disabled:hover, .wp-parsidate-wrap .wppd-button.wppd-button-primary:disabled:focus, .wp-parsidate-wrap .wppd-button.wppd-button-primary:disabled:active, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:disabled:hover, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:disabled:focus, .wp-parsidate-wrap .wppd-button.wppd-button-secondary:disabled:active {
277 background-color: #f3f3f3;
278 outline: none;
279 }
280 .wp-parsidate-wrap a.wppd-button {
281 text-decoration: none !important;
282 }
283 .wp-parsidate-wrap a.wppd-button:hover, .wp-parsidate-wrap a.wppd-button:focus, .wp-parsidate-wrap a.wppd-button:active {
284 text-decoration: none !important;
285 }
286 .wp-parsidate-wrap input[type=text], .wp-parsidate-wrap input[type=email], .wp-parsidate-wrap input[type=url], .wp-parsidate-wrap input[type=tel], .wp-parsidate-wrap input[type=number], .wp-parsidate-wrap input[type=password], .wp-parsidate-wrap input[type=search] {
287 background-color: white;
288 color: #2B2B2B;
289 border: 1px solid rgb(218.7, 218.7, 218.7);
290 padding: 8px 12px;
291 border-radius: 10px;
292 corner-shape: squircle;
293 font-weight: 400;
294 -webkit-transition: 0.2s;
295 transition: 0.2s;
296 width: 100%;
297 max-width: 500px;
298 }
299 .wp-parsidate-wrap input[type=text]:hover, .wp-parsidate-wrap input[type=email]:hover, .wp-parsidate-wrap input[type=url]:hover, .wp-parsidate-wrap input[type=tel]:hover, .wp-parsidate-wrap input[type=number]:hover, .wp-parsidate-wrap input[type=password]:hover, .wp-parsidate-wrap input[type=search]:hover {
300 border-color: rgb(207.765, 207.765, 207.765);
301 }
302 .wp-parsidate-wrap input[type=text]:focus, .wp-parsidate-wrap input[type=email]:focus, .wp-parsidate-wrap input[type=url]:focus, .wp-parsidate-wrap input[type=tel]:focus, .wp-parsidate-wrap input[type=number]:focus, .wp-parsidate-wrap input[type=password]:focus, .wp-parsidate-wrap input[type=search]:focus {
303 box-shadow: none;
304 outline: #2577d7 solid 2px;
305 }
306 .wp-parsidate-wrap input[type=text]:disabled, .wp-parsidate-wrap input[type=email]:disabled, .wp-parsidate-wrap input[type=url]:disabled, .wp-parsidate-wrap input[type=tel]:disabled, .wp-parsidate-wrap input[type=number]:disabled, .wp-parsidate-wrap input[type=password]:disabled, .wp-parsidate-wrap input[type=search]:disabled {
307 color: #8A8A8A;
308 border-color: rgb(233.22, 233.22, 233.22);
309 }
310 .wp-parsidate-wrap input[type=number] {
311 max-width: 150px;
312 }
313 .wp-parsidate-wrap input[type=color] {
314 -webkit-appearance: none;
315 width: 45px;
316 height: 45px;
317 cursor: pointer;
318 background-color: white;
319 border: 1px solid rgb(218.7, 218.7, 218.7);
320 }
321 .wp-parsidate-wrap input[type=color]::-webkit-color-swatch-wrapper {
322 padding: 0;
323 }
324 .wp-parsidate-wrap input[type=color]::-webkit-color-swatch {
325 border: none;
326 }
327 .wp-parsidate-wrap input[type=color]::-moz-color-swatch {
328 border: none; /* Remove browser's border around color in color picker */
329 }
330 .wp-parsidate-wrap input[type=color]::-moz-focus-inner {
331 border: none; /* Remove browser's padding around color in color picker */
332 padding: 0; /* Remove browser's padding around color in color picker */
333 }
334 .wp-parsidate-wrap input[type=color]:focus {
335 box-shadow: none;
336 outline: #2577d7 solid 2px;
337 }
338 .wp-parsidate-wrap textarea {
339 background-color: white;
340 color: #2B2B2B;
341 border: 1px solid rgb(218.7, 218.7, 218.7);
342 padding: 12px;
343 border-radius: 10px;
344 corner-shape: squircle;
345 font-weight: 400;
346 -webkit-transition: 0.2s;
347 transition: 0.2s;
348 width: 100%;
349 max-width: 500px;
350 max-height: 500px;
351 }
352 .wp-parsidate-wrap textarea:hover {
353 border-color: rgb(207.765, 207.765, 207.765);
354 }
355 .wp-parsidate-wrap textarea:focus {
356 box-shadow: none;
357 outline: #2577d7 solid 2px;
358 }
359 .wp-parsidate-wrap textarea[resize=none] {
360 resize: none;
361 }
362 .wp-parsidate-wrap .wppd-checkbox-wrap {
363 position: relative;
364 cursor: pointer;
365 -webkit-user-select: none;
366 -moz-user-select: none;
367 -ms-user-select: none;
368 user-select: none;
369 display: flex;
370 gap: 7px;
371 }
372 .wp-parsidate-wrap .wppd-checkbox-wrap input {
373 position: absolute;
374 opacity: 0;
375 cursor: pointer;
376 height: 0;
377 width: 0;
378 }
379 .wp-parsidate-wrap .wppd-checkbox-wrap input:checked:before {
380 content: none;
381 margin: 0;
382 }
383 .wp-parsidate-wrap .wppd-checkbox-wrap .wppd-checkmark {
384 display: block;
385 height: 18px;
386 width: 18px;
387 background-color: #f0f7fd;
388 box-shadow: 0 0 0 1px rgb(226.95, 240.04, 251.26);
389 border-radius: 4px;
390 }
391 .wp-parsidate-wrap .wppd-checkbox-wrap .wppd-checkmark:after {
392 content: "";
393 position: absolute;
394 display: none;
395 left: 7px;
396 top: 4px;
397 width: 3px;
398 height: 7px;
399 border: solid white;
400 border-width: 0 1.5px 1.5px 0;
401 -webkit-transform: rotate(45deg);
402 -ms-transform: rotate(45deg);
403 transform: rotate(45deg);
404 }
405 .wp-parsidate-wrap .wppd-checkbox-wrap:hover input:not(:checked) ~ .wppd-checkmark {
406 background-color: rgb(231.3, 242.36, 251.84);
407 }
408 .wp-parsidate-wrap .wppd-checkbox-wrap input:checked ~ .wppd-checkmark {
409 background-color: #2577d7;
410 }
411 .wp-parsidate-wrap .wppd-checkbox-wrap input:checked ~ .wppd-checkmark:after {
412 display: block;
413 }
414 .wp-parsidate-wrap .wppd-checkbox-wrap input:focus + .wppd-checkmark {
415 box-shadow: 0 0 0 2px #2577d7;
416 }
417 .wp-parsidate-wrap .wppd-checkbox-wrap input[disabled] + .wppd-checkmark {
418 opacity: 0.7;
419 }
420 .wp-parsidate-wrap .wppd-checkbox-wrap {
421 /*input[disabled] + .wppd-checkmark {
422 background-color: variables.$gray_light_two;
423 }
424
425 input[disabled]:checked + .wppd-checkmark {
426 background-color: variables.$gray_light;
427 }*/
428 }
429 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) {
430 position: relative;
431 }
432 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) input {
433 position: absolute;
434 opacity: 0;
435 cursor: pointer;
436 height: 0;
437 width: 0;
438 }
439 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) .wppd-title {
440 display: flex;
441 align-items: center;
442 justify-content: center;
443 gap: 5px;
444 margin-inline-start: 0;
445 cursor: pointer;
446 border: 2px solid #f3f3f3;
447 background-color: white;
448 border-radius: 10px;
449 corner-shape: squircle;
450 height: 3.5rem;
451 width: 3.5rem;
452 padding: 7px 20px;
453 }
454 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) .wppd-checkmark {
455 position: absolute;
456 right: 4px;
457 top: 4px;
458 display: none;
459 height: 16px;
460 width: 16px;
461 background-color: #2577d7;
462 border-radius: 50%;
463 }
464 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) .wppd-checkmark:after {
465 content: "";
466 position: absolute;
467 display: block;
468 left: 6px;
469 top: 3px;
470 width: 3px;
471 height: 8px;
472 border: solid white;
473 border-width: 0 1.5px 1.5px 0;
474 -webkit-transform: rotate(45deg);
475 -ms-transform: rotate(45deg);
476 transform: rotate(45deg);
477 }
478 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline):hover input:not(:checked) ~ .wppd-title {
479 border-color: rgb(230.85, 230.85, 230.85);
480 }
481 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) input:checked ~ .wppd-checkmark {
482 display: block;
483 }
484 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) input:checked ~ .wppd-title {
485 border-color: #2577d7;
486 }
487 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) input[disabled] ~ .wppd-title, .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline) input[disabled] + .wppd-checkmark {
488 opacity: 0.7;
489 }
490 .wp-parsidate-wrap :is(.wppd-radio-inline, .wppd-checkbox-inline).wppd-not-equal .wppd-title {
491 width: inherit;
492 }
493 .wp-parsidate-wrap .wppd-radio-wrap {
494 position: relative;
495 cursor: pointer;
496 -webkit-user-select: none;
497 -moz-user-select: none;
498 -ms-user-select: none;
499 user-select: none;
500 display: flex;
501 gap: 7px;
502 }
503 .wp-parsidate-wrap .wppd-radio-wrap input {
504 position: absolute;
505 opacity: 0;
506 cursor: pointer;
507 height: 0;
508 width: 0;
509 }
510 .wp-parsidate-wrap .wppd-radio-wrap .wppd-checkmark {
511 display: block;
512 height: 16px;
513 width: 16px;
514 background-color: #f0f7fd;
515 box-shadow: 0 0 0 1px rgb(226.95, 240.04, 251.26);
516 border-radius: 50%;
517 }
518 .wp-parsidate-wrap .wppd-radio-wrap .wppd-checkmark:after {
519 content: "";
520 position: absolute;
521 display: none;
522 top: 3px;
523 left: 3px;
524 width: 10px;
525 height: 10px;
526 border-radius: 50%;
527 background: white;
528 }
529 .wp-parsidate-wrap .wppd-radio-wrap:hover input:not(:checked) ~ .wppd-checkmark {
530 background-color: rgb(231.3, 242.36, 251.84);
531 }
532 .wp-parsidate-wrap .wppd-radio-wrap input:checked ~ .wppd-checkmark {
533 background-color: #2577d7;
534 }
535 .wp-parsidate-wrap .wppd-radio-wrap input:checked ~ .wppd-checkmark:after {
536 display: block;
537 }
538 .wp-parsidate-wrap .wppd-radio-wrap input:focus + .wppd-checkmark {
539 box-shadow: 0 0 0 2px #2577d7;
540 }
541 .wp-parsidate-wrap .wppd-radio-wrap input[disabled] + .wppd-checkmark {
542 opacity: 0.7;
543 }
544 .wp-parsidate-wrap .wppd-radio-wrap {
545 /*input[disabled] + .wppd-checkmark {
546 background-color: variables.$gray_light_two;
547 }
548
549 input[disabled]:checked + .wppd-checkmark {
550 background-color: variables.$gray_light;
551 }*/
552 }
553 .wp-parsidate-wrap .wppd-range-field-wrap {
554 display: flex;
555 gap: 10px;
556 align-items: center;
557 }
558 .wp-parsidate-wrap .wppd-range-field-wrap output {
559 background-color: #f0f7fd;
560 padding: 4px 8px;
561 border-radius: 4px;
562 corner-shape: squircle;
563 display: inline-block;
564 text-align: center;
565 cursor: default;
566 }
567 .wp-parsidate-wrap input[type=range] {
568 -webkit-appearance: none;
569 appearance: none;
570 background: transparent;
571 cursor: pointer;
572 width: 100%;
573 /* Removes default focus */
574 }
575 .wp-parsidate-wrap input[type=range]:focus {
576 outline: none;
577 }
578 .wp-parsidate-wrap input[type=range] {
579 /***** Chrome, Safari, Opera and Edge Chromium styles *****/
580 /* slider track */
581 }
582 .wp-parsidate-wrap input[type=range]::-webkit-slider-runnable-track {
583 background-color: #f0f7fd;
584 border-radius: 0.5rem;
585 corner-shape: squircle;
586 height: 10px;
587 }
588 .wp-parsidate-wrap input[type=range] {
589 /* slider thumb */
590 }
591 .wp-parsidate-wrap input[type=range]::-webkit-slider-thumb {
592 -webkit-appearance: none; /* Override default look */
593 appearance: none;
594 margin-top: -2px; /* Centers thumb on the track */
595 /*custom styles*/
596 background-color: #2577d7;
597 height: 15px;
598 width: 10px;
599 border-radius: 10px;
600 corner-shape: squircle;
601 }
602 .wp-parsidate-wrap input[type=range]:focus::-webkit-slider-thumb {
603 border: 1px solid rgb(218.7, 218.7, 218.7);
604 outline: 3px solid #f0f7fd;
605 outline-offset: 0.125rem;
606 }
607 .wp-parsidate-wrap input[type=range] {
608 /******** Firefox styles ********/
609 /* slider track */
610 }
611 .wp-parsidate-wrap input[type=range]::-moz-range-track {
612 background-color: #f0f7fd;
613 border-radius: 0.5rem;
614 corner-shape: squircle;
615 height: 10px;
616 }
617 .wp-parsidate-wrap input[type=range] {
618 /* slider thumb */
619 }
620 .wp-parsidate-wrap input[type=range]::-moz-range-thumb {
621 border: none; /*Removes extra border that FF applies*/
622 border-radius: 10px; /*Removes default border-radius that FF applies*/
623 corner-shape: squircle;
624 /*custom styles*/
625 background-color: #2577d7;
626 height: 15px;
627 width: 10px;
628 }
629 .wp-parsidate-wrap input[type=range]:focus::-moz-range-thumb {
630 border: 1px solid rgb(218.7, 218.7, 218.7);
631 outline: 3px solid #f0f7fd;
632 outline-offset: 0.125rem;
633 }
634 .wp-parsidate-wrap select {
635 color: #2B2B2B;
636 border: 1px solid rgb(218.7, 218.7, 218.7);
637 padding: 8px 12px;
638 border-radius: 10px;
639 corner-shape: squircle;
640 font-weight: 400;
641 width: 100%;
642 max-width: 500px;
643 }
644 .wp-parsidate-wrap select:not([multiple]) {
645 -webkit-appearance: none;
646 background: white url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgNmw1IDUgNS01IDIgMS03IDctNy03IDItMXoiIGZpbGw9IiNFNkUyRjUiLz48L3N2Zz4=") no-repeat right 10px top 55%;
647 }
648 .wp-parsidate-wrap select:not([multiple]):focus {
649 background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgNmw1IDUgNS01IDIgMS03IDctNy03IDItMXoiIGZpbGw9IiM0ZjhjY2YiLz48L3N2Zz4=");
650 }
651 .wp-parsidate-wrap select:hover {
652 color: #2B2B2B;
653 border-color: rgb(207.765, 207.765, 207.765);
654 }
655 .wp-parsidate-wrap select:focus {
656 box-shadow: none;
657 outline: #2577d7 solid 2px;
658 }
659 .wp-parsidate-wrap select:disabled {
660 color: #8A8A8A;
661 border-color: rgb(233.22, 233.22, 233.22);
662 }
663 .wp-parsidate-wrap select[multiple]:focus:checked {
664 background: #2577d7;
665 color: white;
666 }
667 .wp-parsidate-wrap select option {
668 background-color: white;
669 }
670 .wp-parsidate-wrap select option:checked {
671 background: #2577d7;
672 color: white;
673 }
674 .wp-parsidate-wrap .wppd-addons-wrap .wppd-heading-2 {
675 margin-bottom: 30px;
676 font-weight: 600;
677 }
678 .wp-parsidate-wrap .wppd-addons-wrap + hr {
679 margin: 30px 0 !important;
680 }
681 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addons-grid {
682 display: grid;
683 grid-template-columns: repeat(auto-fit, minmax(250px, 0.5fr));
684 gap: 20px;
685 }
686 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap {
687 display: flex;
688 gap: 5px;
689 flex-direction: row;
690 align-items: center;
691 justify-content: space-between;
692 border: 1px solid #f3f3f3;
693 border-radius: 10px;
694 corner-shape: squircle;
695 overflow: hidden;
696 padding: 5px;
697 }
698 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap.wppd-addon-inactive .wppd-image-wrap img, .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap.wppd-addon-inactive .wppd-image-wrap svg {
699 opacity: 0.5;
700 filter: grayscale(80%);
701 }
702 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap:hover, .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap:focus-within {
703 border-color: rgb(218.7, 218.7, 218.7);
704 }
705 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap:hover .wppd-action-link, .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap:focus-within .wppd-action-link {
706 border-color: #D3D3D3;
707 }
708 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap:hover .wppd-image-wrap, .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap:focus-within .wppd-image-wrap {
709 background-image: linear-gradient(to right top, #ffffff, #fcfcfd, #f8f8fa, #f4f5f8, #eff2f6, #eff2f6, #eff2f6, #eff2f6, #f4f5f8, #f8f8fa, #fcfcfd, #ffffff);
710 }
711 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap .wppd-image-wrap {
712 background-color: #f5f7f9;
713 background-image: linear-gradient(to right top, #ffffff, #fdfdfe, #fcfcfd, #fafafc, #f8f9fb, #f8f9fb, #f8f9fb, #f8f9fb, #fafafc, #fcfcfd, #fdfdfe, #ffffff);
714 padding: 5px;
715 display: flex;
716 align-items: center;
717 justify-content: center;
718 position: relative;
719 border-radius: 5px;
720 corner-shape: squircle;
721 overflow: hidden;
722 flex-shrink: 0;
723 }
724 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap .wppd-title-image {
725 display: flex;
726 flex-direction: row;
727 gap: 5px;
728 align-items: center;
729 min-width: 0;
730 }
731 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap .wppd-title-image .wppd-title {
732 display: inline-block;
733 text-overflow: ellipsis;
734 overflow: hidden;
735 white-space: nowrap;
736 }
737 .wp-parsidate-wrap .wppd-addons-wrap .wppd-tiny-addon-wrap .wppd-action-link {
738 border-color: transparent;
739 }
740 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap {
741 display: flex;
742 flex-direction: column;
743 justify-content: space-between;
744 border: 1px solid #f3f3f3;
745 border-radius: 10px;
746 corner-shape: squircle;
747 overflow: hidden;
748 }
749 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap.wppd-addon-inactive .wppd-image-wrap img, .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap.wppd-addon-inactive .wppd-image-wrap svg {
750 opacity: 0.5;
751 filter: grayscale(80%);
752 }
753 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap:hover .wppd-image-wrap, .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap:focus-within .wppd-image-wrap {
754 background-image: linear-gradient(to right top, #ffffff, #fcfcfd, #f8f8fa, #f4f5f8, #eff2f6, #eff2f6, #eff2f6, #eff2f6, #f4f5f8, #f8f8fa, #fcfcfd, #ffffff);
755 }
756 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-image-wrap {
757 background-color: #f5f7f9;
758 background-image: linear-gradient(to right top, #ffffff, #fdfdfe, #fcfcfd, #fafafc, #f8f9fb, #f8f9fb, #f8f9fb, #f8f9fb, #fafafc, #fcfcfd, #fdfdfe, #ffffff);
759 height: 100px;
760 display: flex;
761 align-items: center;
762 justify-content: center;
763 position: relative;
764 }
765 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-image-wrap .wppd-tag {
766 position: absolute;
767 right: 5px;
768 top: 5px;
769 padding: 3px 5px;
770 background-color: #f3f3f3;
771 color: #525252;
772 border-radius: 5px;
773 corner-shape: squircle;
774 font-size: 12px;
775 line-height: 1;
776 cursor: default;
777 }
778 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-image-wrap .wppd-image-link {
779 width: 100%;
780 height: 100%;
781 display: flex;
782 align-items: center;
783 justify-content: center;
784 }
785 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-image-wrap .wppd-image {
786 object-fit: cover;
787 width: 100%;
788 height: 100%;
789 }
790 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-image-wrap svg {
791 height: 50px;
792 width: auto;
793 }
794 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-title-desc {
795 display: flex;
796 flex-direction: column;
797 gap: 10px;
798 padding: 20px 15px;
799 height: 170px;
800 }
801 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-title-desc .wppd-title {
802 margin: 0;
803 font-weight: 600;
804 }
805 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-title-desc .wppd-desc {
806 color: #525252;
807 }
808 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-title-desc .wppd-more-info-link {
809 display: inline-flex;
810 align-items: baseline;
811 justify-content: start;
812 margin-top: auto;
813 }
814 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-title-desc .wppd-more-info-link svg {
815 stroke: #2577d7;
816 }
817 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-action-wrap {
818 align-self: flex-end;
819 width: 100%;
820 padding: 20px 15px;
821 background-color: #f5f7f9;
822 margin-top: auto;
823 }
824 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-action-wrap .wppd-field-head {
825 display: flex;
826 align-items: center;
827 flex-direction: row-reverse;
828 justify-content: space-between;
829 max-width: 100%;
830 }
831 .wp-parsidate-wrap .wppd-addons-wrap .wppd-addon-wrap .wppd-action-wrap .wppd-action-link {
832 display: block;
833 text-align: center;
834 background-color: white;
835 border-radius: 10px;
836 corner-shape: squircle;
837 padding: 10px;
838 color: #2B2B2B;
839 }
840 .wp-parsidate-wrap .wp-picker-container {
841 box-sizing: initial !important;
842 }
843 .wp-parsidate-wrap .wp-picker-container * {
844 box-sizing: initial !important;
845 }
846 .wp-parsidate-wrap .wp-picker-container.wp-picker-active {
847 position: relative;
848 }
849 .wp-parsidate-wrap .wp-picker-container.wp-picker-active .button {
850 margin-inline-end: 5px;
851 }
852 .wp-parsidate-wrap .wp-picker-container.wp-picker-active .wp-picker-input-wrap {
853 display: inline-flex;
854 gap: 5px;
855 }
856 .wp-parsidate-wrap .wp-picker-container.wp-picker-active .wp-picker-holder {
857 position: absolute;
858 left: 0;
859 z-index: 999;
860 }
861 .wp-parsidate-wrap .wp-picker-container .button {
862 border-color: #f3f3f3;
863 color: #2B2B2B;
864 border-radius: 10px;
865 corner-shape: squircle;
866 overflow: hidden;
867 box-shadow: none;
868 margin: 0;
869 }
870 .wp-parsidate-wrap .wp-picker-container .button:focus {
871 border-color: #2577d7;
872 box-shadow: 0 0 0 1px #2577d7;
873 }
874 .wp-parsidate-wrap .wp-picker-container .button .wp-color-result-text {
875 display: flex;
876 align-items: center;
877 height: 32px;
878 }
879 .wp-parsidate-wrap .wp-picker-container .iris-picker {
880 border-radius: 10px;
881 corner-shape: squircle;
882 border-color: #f3f3f3;
883 background-color: #f5f7f9;
884 }
885 .wp-parsidate-wrap .wp-picker-container .iris-picker .iris-square, .wp-parsidate-wrap .wp-picker-container .iris-picker .iris-slider, .wp-parsidate-wrap .wp-picker-container .iris-picker .iris-square-inner, .wp-parsidate-wrap .wp-picker-container .iris-picker .iris-palette {
886 box-shadow: none;
887 }
888 .wp-parsidate-wrap .wppd-repeatable {
889 display: flex;
890 flex-direction: column;
891 gap: 15px;
892 background-color: #f5f7f9;
893 max-width: 500px;
894 padding: 15px;
895 border-radius: 10px;
896 corner-shape: squircle;
897 counter-reset: repeatable;
898 }
899 .wp-parsidate-wrap .wppd-repeatable > .wppd-title {
900 margin-bottom: 15px;
901 display: flex;
902 align-items: center;
903 justify-content: space-between;
904 }
905 .wp-parsidate-wrap .wppd-repeatable > .wppd-title .wppd-add-repeatable i {
906 font-size: 1.5em;
907 }
908 .wp-parsidate-wrap .wppd-repeatable > .wppd-add-repeatable {
909 align-self: end;
910 }
911 .wp-parsidate-wrap .wppd-repeatable > .wppd-add-repeatable svg {
912 height: 16px;
913 width: 16px;
914 }
915 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-wrap {
916 display: flex;
917 flex-direction: column;
918 gap: 15px;
919 }
920 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap {
921 display: flex;
922 flex-direction: column;
923 gap: 15px;
924 background-color: white;
925 padding: 10px;
926 border-radius: 10px;
927 corner-shape: squircle;
928 position: relative;
929 }
930 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap .wppd-repeatable-actions {
931 position: absolute;
932 right: 10px;
933 top: 10px;
934 display: flex;
935 gap: 10px;
936 }
937 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap .wppd-remove-repeatable {
938 display: none;
939 }
940 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap .wppd-remove-repeatable svg {
941 fill: #b04b55;
942 height: 20px;
943 }
944 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap :is(.wppd-move-up-repeatable, .wppd-move-down-repeatable) {
945 display: none;
946 }
947 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap :is(.wppd-move-up-repeatable, .wppd-move-down-repeatable) svg {
948 stroke: #525252;
949 height: 20px;
950 }
951 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap:first-child .wppd-move-up-repeatable {
952 display: none !important;
953 }
954 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap:last-child .wppd-move-down-repeatable {
955 display: none !important;
956 }
957 .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap:before {
958 display: block;
959 counter-increment: repeatable;
960 content: attr(data-repeat-title) " " counter(repeatable) ": ";
961 }
962 .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable {
963 display: flex;
964 align-items: center;
965 gap: 5px;
966 text-decoration: none;
967 line-height: 1;
968 }
969 .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable:hover, .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable:focus {
970 text-decoration: none !important;
971 }
972 .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable[disable=true] {
973 cursor: default;
974 opacity: 0.6;
975 }
976 .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable i {
977 font-size: 1.1em;
978 }
979 .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable svg {
980 fill: #2577d7;
981 border-radius: 50%;
982 }
983 .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable:hover svg, .wp-parsidate-wrap .wppd-repeatable .wppd-add-repeatable:focus svg {
984 outline: 1px solid #d1c1ff;
985 }
986 .wp-parsidate-wrap .wppd-color-palette {
987 width: 100%;
988 border-radius: 10px;
989 corner-shape: squircle;
990 border: 1px solid #f3f3f3;
991 }
992 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items {
993 display: flex;
994 flex-direction: column;
995 gap: 0;
996 }
997 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container {
998 position: relative;
999 }
1000 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-color-result {
1001 corner-shape: squircle;
1002 }
1003 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container:first-child .wp-color-result {
1004 border-radius: 10px 10px 0 0;
1005 }
1006 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-color-result {
1007 width: 100%;
1008 height: 60px;
1009 display: inline-block;
1010 margin-right: 0 !important;
1011 border: none;
1012 border-radius: 0;
1013 padding: 0;
1014 }
1015 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-color-result:focus {
1016 outline: none;
1017 box-shadow: none;
1018 }
1019 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-color-result-text {
1020 display: none !important;
1021 }
1022 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-picker-input-wrap {
1023 display: inline-block !important;
1024 position: absolute;
1025 left: 10px;
1026 top: 50%;
1027 transform: translateY(-50%);
1028 background-color: transparent;
1029 }
1030 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-picker-input-wrap input.wp-color-picker {
1031 border: none;
1032 background-color: rgba(255, 255, 255, 0.5);
1033 color: black;
1034 mix-blend-mode: difference;
1035 backdrop-filter: invert(100%);
1036 padding: 0;
1037 line-height: 1;
1038 width: 60px;
1039 font-size: 12px;
1040 text-align: center;
1041 border-radius: 3px;
1042 }
1043 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-picker-input-wrap input.wp-color-picker:focus {
1044 outline: 1px solid white;
1045 }
1046 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-picker-clear {
1047 display: none !important;
1048 }
1049 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container .wp-picker-holder {
1050 display: none;
1051 }
1052 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container.wp-picker-active .wp-picker-holder {
1053 display: block;
1054 }
1055 .wp-parsidate-wrap .wppd-color-palette .wppd-color-palette-items .wp-picker-container.wp-picker-active .wp-picker-holder .iris-picker {
1056 display: block !important;
1057 }
1058 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color-wrap {
1059 border-top: 1px solid #f3f3f3;
1060 }
1061 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color {
1062 display: flex;
1063 align-items: center;
1064 gap: 5px;
1065 text-decoration: none;
1066 padding: 10px;
1067 white-space: nowrap;
1068 }
1069 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color:hover, .wp-parsidate-wrap .wppd-color-palette .wppd-add-color:focus {
1070 text-decoration: none !important;
1071 }
1072 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color[disable=true] {
1073 cursor: default;
1074 opacity: 0.6;
1075 }
1076 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color i {
1077 font-size: 1.1em;
1078 }
1079 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color svg {
1080 fill: #2577d7;
1081 border-radius: 50%;
1082 }
1083 .wp-parsidate-wrap .wppd-color-palette .wppd-add-color:hover svg, .wp-parsidate-wrap .wppd-color-palette .wppd-add-color:focus svg {
1084 outline: 1px solid #d1c1ff;
1085 }
1086 .wp-parsidate-wrap .wppd-color-palette .wppd-remove-color {
1087 position: absolute;
1088 color: #222;
1089 background-color: white;
1090 border-radius: 100%;
1091 width: 30px;
1092 height: 30px;
1093 font-size: 30px;
1094 cursor: pointer;
1095 right: 10px;
1096 top: 50%;
1097 transform: translateY(-50%);
1098 border: none;
1099 line-height: 1;
1100 display: flex;
1101 justify-content: center;
1102 align-items: center;
1103 z-index: 1;
1104 padding: 0;
1105 margin: 0;
1106 opacity: 0.7;
1107 }
1108 .wp-parsidate-wrap .wppd-color-palette .wppd-remove-color:hover, .wp-parsidate-wrap .wppd-color-palette .wppd-remove-color:focus {
1109 opacity: 1;
1110 outline: none;
1111 }
1112 .wp-parsidate-wrap .wppd-color-palette[data-addable="0"] .wppd-color-palette-items .wp-picker-container:last-child .wp-color-result {
1113 border-radius: 0 0 10px 10px;
1114 }
1115 .wp-parsidate-wrap .wppd-color-palette[data-addable="0"] .wppd-color-palette-items .wp-picker-container:first-child:last-child .wp-color-result {
1116 border-radius: 10px;
1117 }
1118 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-horizontal .wppd-color-palette-items .wp-picker-container:not(:first-child) {
1119 border-top: 0.5px solid #f3f3f3;
1120 }
1121 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items {
1122 display: grid;
1123 grid-auto-columns: 1fr;
1124 }
1125 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container {
1126 width: 100%;
1127 grid-row: 1;
1128 }
1129 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container:not(:first-child) {
1130 border-left: 0.5px solid #f3f3f3;
1131 }
1132 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container:first-child .wp-color-result {
1133 border-radius: 10px 0 0 0;
1134 }
1135 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container:last-child .wp-color-result {
1136 border-radius: 0 10px 0 0;
1137 }
1138 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container:first-child:last-child .wp-color-result {
1139 border-radius: 10px 10px 0 0;
1140 }
1141 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container .wp-color-result {
1142 height: 200px;
1143 }
1144 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container .wp-picker-input-wrap {
1145 top: 30px;
1146 left: 50%;
1147 transform: translateX(-50%) rotate(-90deg);
1148 }
1149 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical .wppd-color-palette-items .wp-picker-container .wppd-remove-color {
1150 top: inherit;
1151 right: inherit;
1152 bottom: 10px;
1153 left: 50%;
1154 transform: translateX(-50%);
1155 }
1156 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical[data-addable="0"] .wppd-color-palette-items .wp-picker-container:first-child .wp-color-result {
1157 border-radius: 10px 0 0 10px;
1158 }
1159 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical[data-addable="0"] .wppd-color-palette-items .wp-picker-container:last-child .wp-color-result {
1160 border-radius: 0 10px 10px 0;
1161 }
1162 .wp-parsidate-wrap .wppd-color-palette.wppd-color-palette-vertical[data-addable="0"] .wppd-color-palette-items .wp-picker-container:first-child:last-child .wp-color-result {
1163 border-radius: 10px;
1164 }
1165 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap {
1166 width: 100%;
1167 border-radius: 10px;
1168 corner-shape: squircle;
1169 background-color: #fafbfc;
1170 border: 1px solid #f3f3f3;
1171 padding: 15px;
1172 display: flex;
1173 flex-direction: column;
1174 gap: 15px;
1175 }
1176 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap a {
1177 color: #2B2B2B !important;
1178 }
1179 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-color-picker {
1180 width: 100%;
1181 max-width: 100%;
1182 height: 100px;
1183 border-radius: 10px;
1184 corner-shape: squircle;
1185 border: 1px solid #f3f3f3;
1186 position: relative;
1187 }
1188 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-color-picker .wppd-gradient-color-point {
1189 background: white;
1190 border-radius: 15px;
1191 corner-shape: squircle;
1192 box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px, rgba(0, 0, 0, 0.05) 0 10px 10px -5px, inset #fff 0 0 0 6px;
1193 cursor: move;
1194 width: 30px;
1195 height: 30px;
1196 position: absolute;
1197 top: 50%;
1198 transform: translateY(-50%);
1199 left: 5px;
1200 transition: border 0.15s ease, box-shadow 0.15s ease;
1201 z-index: 2;
1202 display: flex;
1203 align-items: center;
1204 justify-content: center;
1205 opacity: 0.8;
1206 }
1207 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-color-picker .wppd-gradient-color-point.is-active, .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-color-picker .wppd-gradient-color-point:hover {
1208 opacity: 1;
1209 box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 2px;
1210 }
1211 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-color-picker .wppd-gradient-color-point span {
1212 border-radius: 50%;
1213 width: 16px;
1214 height: 16px;
1215 pointer-events: none;
1216 box-shadow: inset rgba(0, 0, 0, 0.15) 0 0 0 1px;
1217 }
1218 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-select-color {
1219 flex-direction: revert;
1220 justify-content: space-between;
1221 align-items: center;
1222 }
1223 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-select-color .wp-picker-container .button:focus {
1224 box-shadow: none;
1225 }
1226 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-select-color .wp-picker-container .wp-color-picker:focus {
1227 outline-width: 1px;
1228 }
1229 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-gradient-select-color .wp-picker-container .wp-picker-clear {
1230 display: none;
1231 }
1232 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-field-wrap .wppd-field-head {
1233 flex-direction: row !important;
1234 align-items: center !important;
1235 column-gap: 10px;
1236 }
1237 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-field-wrap .wppd-field-head > .wppd-input-label {
1238 margin: 0;
1239 width: 80px;
1240 }
1241 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-radio-group {
1242 display: flex;
1243 flex-direction: row;
1244 align-items: center;
1245 gap: 10px;
1246 }
1247 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-radio-group > .wppd-title {
1248 margin: 0;
1249 width: 80px;
1250 }
1251 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-radio-group .wppd-checkmark {
1252 display: none !important;
1253 }
1254 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-radio-group .wppd-radio-group-options .wppd-radio-inline .wppd-title {
1255 height: auto;
1256 }
1257 .wp-parsidate-wrap .wppd-gradient-color-picker-wrap .wppd-radio-group :is(.wppd-radio-inline, .wppd-checkbox-inline) .wppd-title {
1258 border-width: 1px;
1259 }
1260 .wp-parsidate-wrap .wppd-data-table-ui {
1261 background-color: #fafbfc;
1262 border: 1px solid #f3f3f3;
1263 padding: 15px;
1264 border-radius: 10px;
1265 corner-shape: squircle;
1266 position: relative;
1267 }
1268 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-head {
1269 display: flex;
1270 align-items: center;
1271 justify-content: space-between;
1272 margin-bottom: 20px;
1273 }
1274 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-head .wppd-dtu-title-wrap {
1275 display: flex;
1276 align-items: center;
1277 gap: 15px;
1278 }
1279 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-head .wppd-dtu-title {
1280 display: flex;
1281 flex-direction: column;
1282 gap: 10px;
1283 line-height: 1;
1284 }
1285 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-head .wppd-dtu-description {
1286 font-size: 0.9em;
1287 color: #525252;
1288 }
1289 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-head .wppd-dtu-add-new {
1290 padding: 8px 14px;
1291 }
1292 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-body {
1293 position: relative;
1294 }
1295 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-body select {
1296 max-width: 200px;
1297 min-width: 150px;
1298 padding: 4px 14px;
1299 }
1300 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-body > .wppd-dtu-actions {
1301 display: flex;
1302 align-items: center;
1303 justify-content: space-between;
1304 }
1305 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-body > .wppd-dtu-actions.wppd-dtu-actions-top {
1306 margin-bottom: 10px;
1307 }
1308 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-body > .wppd-dtu-actions.wppd-dtu-actions-bottom {
1309 margin-top: 10px;
1310 }
1311 .wp-parsidate-wrap .wppd-data-table-ui .wppd-dtu-bulk-actions {
1312 display: flex;
1313 align-items: center;
1314 gap: 3px;
1315 }
1316 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table {
1317 border-collapse: collapse;
1318 width: 100%;
1319 background-color: white;
1320 }
1321 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table .check-column label:hover {
1322 background: none;
1323 }
1324 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table .wppd-dtu-sortable-column {
1325 width: 35px;
1326 text-align: center;
1327 }
1328 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tr td, .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tr th {
1329 padding: 8px;
1330 text-align: start;
1331 }
1332 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table thead tr th {
1333 background-color: #f5f7f9;
1334 }
1335 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table thead tr th.wppd-dtu-select-all-wrap {
1336 width: 35px;
1337 text-align: center;
1338 }
1339 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table thead tr th[data-column=is_active] {
1340 width: 100px;
1341 text-align: center;
1342 }
1343 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr:nth-child(even) {
1344 background-color: #fafbfc;
1345 }
1346 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr[data-disabled=true] {
1347 background-color: #f3f3f3;
1348 color: #525252;
1349 }
1350 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr td {
1351 border: 1px solid #f3f3f3;
1352 }
1353 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr td[data-column=is_active] {
1354 text-align: center;
1355 }
1356 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr td[data-column=is_active] .wppd-toggle .wppd-toggle-slider {
1357 cursor: default;
1358 }
1359 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr .wppd-dtu-actions-wrap {
1360 width: 160px;
1361 }
1362 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr .wppd-dtu-actions-wrap .wppd-dtu-actions {
1363 display: flex;
1364 align-items: center;
1365 gap: 5px;
1366 }
1367 .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table tbody tr .wppd-dtu-actions-wrap .wppd-dtu-actions .wppd-button {
1368 padding: 5px 10px;
1369 }
1370 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body {
1371 min-height: 200px;
1372 }
1373 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body > :not(:last-child) {
1374 margin-bottom: 20px;
1375 }
1376 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body .wppd-field-wrap .wppd-field-head {
1377 max-width: 100%;
1378 }
1379 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body input, .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body textarea {
1380 max-width: inherit;
1381 }
1382 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body textarea {
1383 max-height: 150px;
1384 }
1385 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body > .wppd-field-wrap .wppd-field-head label {
1386 min-width: 150px;
1387 }
1388 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body .wppd-grid {
1389 gap: 20px !important;
1390 }
1391 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body .wppd-grid-cols-2 {
1392 grid-template-columns: 150px auto !important;
1393 }
1394 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body :is(.wppd-radio-inline, .wppd-checkbox-inline) .wppd-title {
1395 height: 3.1rem;
1396 padding: 7px 16px;
1397 }
1398 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-footer {
1399 justify-content: space-between;
1400 }
1401 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-footer .wppd-field-head {
1402 column-gap: 10px;
1403 }
1404 .wp-parsidate-wrap #wppd-settings-form {
1405 display: flex;
1406 flex-direction: column;
1407 }
1408 .wp-parsidate-wrap #wppd-settings-form > *:not(:last-child) {
1409 margin-bottom: 40px;
1410 }
1411 .wp-parsidate-wrap #wppd-settings-form hr {
1412 margin-top: 0;
1413 }
1414 .wp-parsidate-wrap #wppd-settings-form .woo-assistant-notices {
1415 margin-bottom: 0;
1416 }
1417 .wp-parsidate-wrap .wppd-grid {
1418 display: grid !important;
1419 gap: 3rem !important;
1420 }
1421 .wp-parsidate-wrap .wppd-grid-cols-2 {
1422 grid-template-columns: 200px auto !important;
1423 }
1424 .wp-parsidate-wrap .wppd-field-wrap {
1425 display: flex;
1426 flex-direction: column;
1427 gap: 10px;
1428 }
1429 .wp-parsidate-wrap .wppd-field-wrap .wppd-field-head {
1430 display: flex;
1431 column-gap: 20px;
1432 row-gap: 10px;
1433 align-items: center;
1434 max-width: 500px;
1435 }
1436 .wp-parsidate-wrap .wppd-field-wrap.ltr-field input, .wp-parsidate-wrap .wppd-field-wrap.ltr-field textarea {
1437 text-align: left;
1438 direction: ltr;
1439 }
1440 .wp-parsidate-wrap .wppd-fields-wrap {
1441 display: flex;
1442 flex-direction: column;
1443 gap: 30px;
1444 }
1445 .wp-parsidate-wrap .wppd-fields-wrap .wppd-field-wrap .wppd-field-head {
1446 flex-direction: column;
1447 align-items: start;
1448 }
1449 .wp-parsidate-wrap .wppd-fields-wrap .wppd-field-wrap.wppd-field-toggle .wppd-field-head {
1450 flex-direction: row-reverse;
1451 justify-content: space-between;
1452 }
1453 .wp-parsidate-wrap .wppd-fields-wrap .wppd-field-wrap.wppd-appearance-text-field input[type=number] {
1454 -webkit-appearance: none;
1455 -moz-appearance: textfield;
1456 appearance: textfield;
1457 }
1458 .wp-parsidate-wrap .wppd-fields-wrap :is(.wppd-inline-elements-group, .wppd-radio-group, .wppd-checkbox-group) legend {
1459 margin-bottom: 1em;
1460 }
1461 .wp-parsidate-wrap .wppd-fields-wrap :is(.wppd-inline-elements-group, .wppd-radio-group, .wppd-checkbox-group) :is(.wppd-inline-elements-group-options, .wppd-radio-group-options, .wppd-checkbox-group-options) {
1462 display: flex;
1463 align-items: center;
1464 flex-direction: row;
1465 flex-wrap: wrap;
1466 gap: 0.5rem;
1467 }
1468
1469 .wppd-badge {
1470 padding: 7px 10px;
1471 border-radius: 5px;
1472 corner-shape: squircle;
1473 color: white;
1474 line-height: 1;
1475 font-size: 0.9em;
1476 background-color: #818181;
1477 }
1478 .wppd-badge.wppd-badge-info {
1479 background-color: #3f7cff;
1480 }
1481 .wppd-badge.wppd-badge-success {
1482 background-color: #1bb034;
1483 }
1484 .wppd-badge.wppd-badge-warning {
1485 background-color: #ff6c3f;
1486 }
1487 .wppd-badge.wppd-badge-danger {
1488 background-color: #fd2828;
1489 }
1490
1491 /*
1492 https://css-loaders.com
1493 HTML: <div class="wppd-loader"></div>
1494 */
1495 .wppd-loader-wrap {
1496 position: absolute;
1497 width: 100%;
1498 height: 100%;
1499 left: 0;
1500 top: 0;
1501 background-color: rgba(255, 255, 255, 0.6509803922);
1502 display: flex;
1503 justify-content: center;
1504 align-items: center;
1505 z-index: 1;
1506 }
1507
1508 .wppd-loader {
1509 width: 32px;
1510 aspect-ratio: 1;
1511 border-radius: 50%;
1512 padding: 3px;
1513 background: radial-gradient(farthest-side, #424242 95%, rgba(0, 0, 0, 0)) 50% 0/8px 8px no-repeat, radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 2px), #424242 calc(100% - 2px)) content-box;
1514 animation: wppd-loader-animation 2s infinite;
1515 }
1516
1517 @keyframes wppd-loader-animation {
1518 to {
1519 transform: rotate(1turn);
1520 }
1521 }
1522 .wppd-media-wrap {
1523 display: flex;
1524 flex-direction: column;
1525 gap: 10px;
1526 width: 100%;
1527 }
1528 .wppd-media-wrap .wppd-media-placeholder {
1529 background-color: #fafbfc;
1530 border: 1px dashed rgb(218.7, 218.7, 218.7);
1531 border-radius: 10px;
1532 corner-shape: squircle;
1533 cursor: pointer;
1534 display: flex;
1535 align-items: center;
1536 justify-content: center;
1537 gap: 15px;
1538 -webkit-transition: 0.2s;
1539 transition: 0.2s;
1540 min-height: 200px;
1541 color: rgb(164.025, 164.025, 164.025);
1542 }
1543 .wppd-media-wrap .wppd-media-placeholder:hover {
1544 border-color: #2577d7;
1545 color: rgb(142.155, 142.155, 142.155);
1546 }
1547 .wppd-media-wrap .wppd-media-images, .wppd-media-wrap .wppd-media-buttons {
1548 display: none;
1549 }
1550 .wppd-media-wrap.wppd-media-selected {
1551 background-color: #fafbfc;
1552 border: 1px solid rgb(218.7, 218.7, 218.7);
1553 border-radius: 10px;
1554 corner-shape: squircle;
1555 padding: 15px;
1556 min-height: 200px;
1557 }
1558 .wppd-media-wrap.wppd-media-selected .wppd-media-placeholder {
1559 display: none;
1560 }
1561 .wppd-media-wrap.wppd-media-selected .wppd-media-images {
1562 width: 100%;
1563 display: grid;
1564 grid-template-columns: repeat(3, 1fr);
1565 gap: 10px;
1566 margin-bottom: 15px;
1567 -webkit-user-select: none; /* Safari */
1568 -ms-user-select: none; /* IE 10 and IE 11 */
1569 user-select: none; /* Standard syntax */
1570 }
1571 .wppd-media-wrap.wppd-media-selected .wppd-media-images .wppd-media-image {
1572 position: relative;
1573 overflow: hidden;
1574 }
1575 .wppd-media-wrap.wppd-media-selected .wppd-media-images .wppd-media-image:after {
1576 content: "×";
1577 display: block;
1578 position: absolute;
1579 background-color: #fd2828;
1580 border: 1px solid rgb(145.1497695853, 1.3502304147, 1.3502304147);
1581 color: white;
1582 left: 10px;
1583 top: 10px;
1584 width: 24px;
1585 height: 24px;
1586 line-height: 1;
1587 text-align: center;
1588 border-radius: 50%;
1589 font-size: 20px;
1590 cursor: pointer;
1591 opacity: 0.2;
1592 }
1593 .wppd-media-wrap.wppd-media-selected .wppd-media-images .wppd-media-image .wppd-media-image-title {
1594 position: absolute;
1595 bottom: 0;
1596 left: 0;
1597 background-color: rgba(255, 255, 255, 0.4);
1598 color: #525252;
1599 padding: 5px;
1600 display: block;
1601 width: 100%;
1602 white-space: nowrap;
1603 font-size: 0.8em;
1604 cursor: pointer;
1605 }
1606 .wppd-media-wrap.wppd-media-selected .wppd-media-images .wppd-media-image:hover:after {
1607 opacity: 1;
1608 }
1609 .wppd-media-wrap.wppd-media-selected button {
1610 font-size: 0.9em;
1611 }
1612 .wppd-media-wrap.wppd-media-selected .wppd-media-buttons {
1613 display: inline-flex;
1614 align-items: center;
1615 margin-top: auto;
1616 gap: 15px;
1617 }
1618 .wppd-media-wrap img {
1619 border-radius: 5px;
1620 corner-shape: squircle;
1621 width: 100%;
1622 height: 100%;
1623 object-fit: cover;
1624 border: 1px dashed transparent;
1625 cursor: pointer;
1626 -webkit-transition: 0.2s;
1627 transition: 0.2s;
1628 }
1629 .wppd-media-wrap img:hover {
1630 border-color: rgb(254, 147.5, 147.5);
1631 }
1632
1633 body.wppd-mobile-sidebar-active {
1634 overflow: hidden;
1635 }
1636
1637 body.toplevel_page_wp-parsidate .wrap {
1638 margin-top: 20px;
1639 }
1640 body.toplevel_page_wp-parsidate .wrap h1 {
1641 font-size: 23px;
1642 font-weight: 400;
1643 }
1644 body.toplevel_page_wp-parsidate .wrap h2 {
1645 font-size: 17px;
1646 font-weight: 400;
1647 }
1648 body.toplevel_page_wp-parsidate .wrap h3, body.toplevel_page_wp-parsidate .wrap h4, body.toplevel_page_wp-parsidate .wrap h5, body.toplevel_page_wp-parsidate .wrap h6 {
1649 font-size: 15px;
1650 font-weight: 400;
1651 }
1652 body.toplevel_page_wp-parsidate .wrap P {
1653 margin: 0;
1654 font-size: 13px;
1655 }
1656 body.toplevel_page_wp-parsidate .notice {
1657 display: none !important;
1658 }
1659 body.toplevel_page_wp-parsidate code {
1660 background-color: #f5f7f9;
1661 border-radius: 2px;
1662 padding: 5px;
1663 display: inline-block;
1664 }
1665 body.toplevel_page_wp-parsidate code.wppd-copy-text {
1666 display: inline-flex;
1667 align-items: center;
1668 gap: 3px;
1669 }
1670 body.toplevel_page_wp-parsidate code.wppd-copy-text:before {
1671 content: "";
1672 color: rgb(133.9, 133.9, 133.9);
1673 }
1674 body.toplevel_page_wp-parsidate code.wppd-copy-text.wppd-text-copied:before {
1675 content: "";
1676 color: #2577d7;
1677 }
1678 body.toplevel_page_wp-parsidate #wpbody-content {
1679 padding-bottom: 10px;
1680 }
1681 body.toplevel_page_wp-parsidate #wpfooter {
1682 display: none;
1683 }
1684 body.toplevel_page_wp-parsidate .wp-parsidate-wrap.wp-parsidate-wrapper {
1685 background: white;
1686 border: 1px solid #f3f3f3;
1687 border-radius: 20px;
1688 corner-shape: squircle;
1689 display: grid;
1690 grid-template-columns: 250px auto;
1691 overflow: hidden;
1692 color: #2B2B2B;
1693 font-size: 14px;
1694 min-height: calc(100vh - 120px - var(--wp-admin--admin-bar--height, 0));
1695 position: relative;
1696 }
1697 body.toplevel_page_wp-parsidate .wp-parsidate-wrap * {
1698 box-sizing: border-box;
1699 }
1700 body.toplevel_page_wp-parsidate .wp-parsidate-wrap hr {
1701 display: block;
1702 height: 1px;
1703 border: 0;
1704 border-top: 1px solid #f3f3f3;
1705 margin: 10px 0;
1706 padding: 0;
1707 }
1708 body.toplevel_page_wp-parsidate .wp-parsidate-wrap a {
1709 text-decoration: none;
1710 color: #2577d7;
1711 }
1712 body.toplevel_page_wp-parsidate .wp-parsidate-wrap a:hover {
1713 color: rgb(22.2, 71.4, 129);
1714 }
1715 body.toplevel_page_wp-parsidate .wp-parsidate-wrap a:focus {
1716 box-shadow: none;
1717 outline: none;
1718 }
1719 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar {
1720 background-color: #f5f7f9;
1721 border-right: 1px solid #f3f3f3;
1722 padding: 20px;
1723 position: relative;
1724 }
1725 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-sidebar-head {
1726 display: flex;
1727 align-items: center;
1728 justify-content: space-between;
1729 }
1730 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-sidebar-head .wppd-logo-wrap {
1731 display: flex;
1732 gap: 10px;
1733 padding-inline-start: 5px;
1734 }
1735 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-sidebar-head .wppd-logo-wrap > div {
1736 display: flex;
1737 flex-direction: column;
1738 gap: 5px;
1739 line-height: 1;
1740 }
1741 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-sidebar-head .wppd-logo-wrap > div span:first-child {
1742 color: #525252;
1743 }
1744 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-sidebar-head .wppd-logo-wrap > div span:last-child {
1745 color: black;
1746 font-weight: bold;
1747 font-size: 1.1em;
1748 }
1749 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-sidebar-head img.wppd-logo {
1750 width: 38px;
1751 }
1752 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items {
1753 display: flex;
1754 flex-direction: column;
1755 gap: 10px;
1756 margin-top: 30px;
1757 }
1758 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item {
1759 display: flex;
1760 align-items: center;
1761 gap: 5px;
1762 padding: 10px 12px;
1763 border-radius: 10px;
1764 corner-shape: squircle;
1765 color: #525252;
1766 border: 1px solid transparent;
1767 }
1768 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item svg {
1769 min-width: 20px;
1770 max-width: 20px;
1771 }
1772 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item span {
1773 display: block;
1774 white-space: nowrap;
1775 overflow: hidden !important;
1776 text-overflow: ellipsis;
1777 }
1778 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item:focus {
1779 box-shadow: 0 0 0 2px #2577d7;
1780 }
1781 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item:hover, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item:active, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item:focus {
1782 background-color: white;
1783 }
1784 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item.menu-item-current {
1785 color: #2B2B2B;
1786 background-color: #e5edf3;
1787 border-color: #f3f3f3;
1788 }
1789 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item.menu-item-current:hover, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item.menu-item-current:active, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item.menu-item-current:focus {
1790 background-color: rgb(231.6, 238.8, 244.2);
1791 }
1792 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items hr {
1793 border-color: rgb(230.85, 230.85, 230.85);
1794 }
1795 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .wppd-hide-sidebar {
1796 display: none;
1797 font-size: 20px;
1798 color: #525252;
1799 }
1800 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar.wppd-mobile-sidebar {
1801 -webkit-transform: translateX(0);
1802 transform: translateX(0);
1803 }
1804 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar.wppd-mobile-sidebar .wppd-hide-sidebar {
1805 display: inherit;
1806 }
1807 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-display-sidebar {
1808 display: none;
1809 padding: 10px;
1810 background-color: #f5f7f9;
1811 border-bottom: 1px solid #f3f3f3;
1812 }
1813 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-display-sidebar a {
1814 padding: 5px;
1815 display: inline-block;
1816 line-height: 1;
1817 font-size: 18px;
1818 }
1819 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content {
1820 display: flex;
1821 flex-direction: column;
1822 position: relative;
1823 max-height: calc(100vh - 40px - var(--wp-admin--admin-bar--height, 0));
1824 overflow-y: auto;
1825 }
1826 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content > .woo-assistant-notices {
1827 padding: 20px 30px;
1828 margin-bottom: 0;
1829 }
1830 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content .wppd-content-body {
1831 padding: 30px 30px 60px;
1832 margin-bottom: auto;
1833 }
1834 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content > form {
1835 padding: 20px 30px 30px;
1836 margin-bottom: auto;
1837 }
1838 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content a {
1839 text-underline-offset: 3px;
1840 }
1841 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content a:hover, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content a:focus, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content a:active {
1842 text-decoration: underline;
1843 }
1844 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-description {
1845 font-size: 0.9em;
1846 color: #525252;
1847 }
1848 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header {
1849 padding: 20px 30px 0 30px;
1850 position: sticky;
1851 top: 0;
1852 background: rgba(255, 255, 255, 0.9);
1853 background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgb(255, 255, 255) 100%);
1854 z-index: 20;
1855 -webkit-transform: translateY(0);
1856 transform: translateY(0);
1857 -webkit-transition: -webkit-transform 0.3s ease-out;
1858 transition: -webkit-transform 0.3s ease-out;
1859 transition: transform 0.3s ease-out;
1860 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
1861 }
1862 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.hide-header {
1863 -webkit-transform: translateY(-100%);
1864 transform: translateY(-100%);
1865 }
1866 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header .wppd-header-title {
1867 display: flex;
1868 flex-direction: column;
1869 gap: 10px;
1870 }
1871 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image {
1872 margin: -30px -30px 30px -30px;
1873 }
1874 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image .wppd-header-title {
1875 padding: 30px 30px 20px 30px;
1876 background-size: cover;
1877 align-items: start;
1878 }
1879 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image .wppd-header-links {
1880 padding: 0 30px;
1881 }
1882 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image .wppd-header-links:empty {
1883 display: none;
1884 }
1885 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image .wppd-header-separator {
1886 margin-top: 0;
1887 }
1888 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image h1, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header.wppd-has-header-image p {
1889 background-color: rgba(255, 255, 255, 0.8);
1890 display: inline-block;
1891 padding: 5px 10px;
1892 border-radius: 5px;
1893 corner-shape: squircle;
1894 backdrop-filter: sepia(90%);
1895 }
1896 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header h1 {
1897 margin: 0;
1898 padding: 0;
1899 }
1900 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header p {
1901 color: #525252;
1902 padding: 0;
1903 margin: 0;
1904 font-size: 1em;
1905 }
1906 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header hr {
1907 margin: 20px 0 0;
1908 }
1909 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header-links {
1910 margin-top: 20px;
1911 background-color: white;
1912 }
1913 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-header-links:empty {
1914 display: none;
1915 }
1916 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links {
1917 text-transform: uppercase;
1918 }
1919 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul {
1920 display: flex;
1921 gap: 15px;
1922 list-style: none;
1923 margin: 0;
1924 padding: 0;
1925 white-space: nowrap;
1926 overflow-x: auto;
1927 height: 30px;
1928 }
1929 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul::-webkit-scrollbar {
1930 display: none;
1931 }
1932 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li {
1933 display: inline-block;
1934 padding: 0;
1935 margin: 0;
1936 }
1937 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li:not(:last-child):after {
1938 content: "|";
1939 color: #f3f3f3;
1940 display: inline-block;
1941 margin-inline-start: 15px;
1942 }
1943 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li a {
1944 color: #525252;
1945 padding-bottom: 5px;
1946 border-bottom: 2px solid #f3f3f3;
1947 }
1948 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li a:focus, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li a:active, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li a:hover {
1949 outline: none;
1950 box-shadow: none;
1951 border-color: #525252;
1952 text-decoration: none;
1953 }
1954 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links ul li a.wppd-section-link-current {
1955 color: #2577d7;
1956 border-color: #2577d7;
1957 }
1958 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links p {
1959 margin-top: 20px;
1960 }
1961 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-section-links + hr {
1962 margin: 8px 0 0;
1963 }
1964 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-footer {
1965 padding: 10px 30px;
1966 background-color: rgb(248.1875, 249.55, 250.9125);
1967 }
1968 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-footer.wppd-settings-footer {
1969 pointer-events: inherit;
1970 position: sticky;
1971 bottom: 0;
1972 z-index: 99999;
1973 opacity: 0.9;
1974 }
1975 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-footer.wppd-settings-footer.wppd-submit-inactive {
1976 pointer-events: none;
1977 opacity: 0.8;
1978 }
1979 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-footer.wppd-settings-footer.wppd-submit-inactive * {
1980 opacity: 0.7;
1981 }
1982 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-copy-text {
1983 cursor: pointer;
1984 }
1985 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-copy-text.wppd-text-copied {
1986 animation: waBlinkText 250ms step-start 0s infinite;
1987 }
1988 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links {
1989 display: flex;
1990 flex-direction: column;
1991 gap: 20px;
1992 }
1993 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links li {
1994 display: block;
1995 }
1996 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links li:not(:last-child):after {
1997 display: block;
1998 margin-top: 20px;
1999 content: "";
2000 width: 100%;
2001 border-bottom: 1px solid #f3f3f3;
2002 }
2003 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a {
2004 display: flex;
2005 flex-direction: column;
2006 gap: 10px;
2007 text-decoration: none;
2008 color: #2B2B2B;
2009 }
2010 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a:hover {
2011 text-decoration: none;
2012 }
2013 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a:hover .wppd-feed-title {
2014 text-decoration: underline;
2015 color: rgb(22.2, 71.4, 129);
2016 }
2017 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a > span {
2018 display: block;
2019 }
2020 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a .wppd-feed-title {
2021 font-weight: bold;
2022 font-size: 1.2em;
2023 color: #2577d7;
2024 }
2025 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a .wppd-feed-author {
2026 color: #525252;
2027 font-size: 0.9em;
2028 }
2029 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-list-links a .wppd-feed-datetime {
2030 color: #525252;
2031 font-size: 0.8em;
2032 }
2033 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-feed-none {
2034 color: #525252;
2035 font-style: italic;
2036 }
2037 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-welcome {
2038 background-color: #fafbfc;
2039 border: 1px solid #f3f3f3;
2040 padding: 20px;
2041 font-size: 1.5em;
2042 display: flex;
2043 flex-direction: column;
2044 gap: 15px;
2045 border-radius: 10px;
2046 corner-shape: squircle;
2047 margin-bottom: 30px;
2048 }
2049 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-welcome p {
2050 font-size: 15px;
2051 color: #525252;
2052 }
2053 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap {
2054 display: grid;
2055 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
2056 gap: 20px;
2057 }
2058 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap a {
2059 display: flex;
2060 flex-direction: column;
2061 justify-content: space-between;
2062 align-items: center;
2063 gap: 15px;
2064 border: 1px solid #f3f3f3;
2065 background-color: #f5f7f9;
2066 background-image: linear-gradient(to right top, #ffffff, #fdfdfe, #fcfcfd, #fafafc, #f8f9fb, #f8f9fb, #f8f9fb, #f8f9fb, #fafafc, #fcfcfd, #fdfdfe, #ffffff);
2067 border-radius: 10px;
2068 corner-shape: squircle;
2069 overflow: hidden;
2070 padding: 15px;
2071 color: #2B2B2B !important;
2072 text-decoration: none;
2073 }
2074 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap a:hover, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap a:focus {
2075 background-color: #fafbfc;
2076 background-image: linear-gradient(to right top, #ffffff, #fcfcfd, #f8f8fa, #f4f5f8, #eff2f6, #eff2f6, #eff2f6, #eff2f6, #f4f5f8, #f8f8fa, #fcfcfd, #ffffff);
2077 border-color: rgb(230.85, 230.85, 230.85);
2078 text-decoration: none !important;
2079 }
2080 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap a.wppd-link-type-addons {
2081 background-image: linear-gradient(to right top, #ffffff, #fdfdff, #fbfcff, #f8fafe, #f5f9fe, #f5f9fe, #f5f9fe, #f5f9fe, #f8fafe, #fbfcff, #fdfdff, #ffffff);
2082 }
2083 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap a.wppd-link-type-addons:hover, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-links-wrap a.wppd-link-type-addons:focus {
2084 background-image: linear-gradient(to right top, #ffffff, #fbfbfd, #f6f7fb, #f1f3f9, #ebf0f7, #ebf0f7, #ebf0f7, #ebf0f7, #f1f3f9, #f6f7fb, #fbfbfd, #ffffff);
2085 }
2086 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-feed-news {
2087 margin-top: 30px;
2088 padding: 15px;
2089 border: 1px solid #f3f3f3;
2090 border-radius: 10px;
2091 corner-shape: squircle;
2092 background-color: #fafbfc;
2093 }
2094 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-dashboard-feed-news .wppd-dashboard-feed-head {
2095 display: block;
2096 margin-bottom: 20px;
2097 }
2098 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .wppd-content-body {
2099 display: flex;
2100 flex-direction: column;
2101 gap: 20px;
2102 }
2103 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .wppd-content-body p {
2104 font-size: 15px;
2105 }
2106 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .plugin-features {
2107 display: grid;
2108 grid-template-columns: repeat(2, 1fr);
2109 grid-template-rows: repeat(2, 1fr);
2110 gap: 20px;
2111 }
2112 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .plugin-features .feature-item {
2113 background-color: #f5f7f9;
2114 padding: 20px;
2115 border-radius: 10px;
2116 corner-shape: squircle;
2117 border: 1px solid #f3f3f3;
2118 display: flex;
2119 flex-direction: column;
2120 align-items: center;
2121 gap: 15px;
2122 }
2123 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .plugin-features .feature-item:hover {
2124 background-color: #fafbfc;
2125 }
2126 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .plugin-features .feature-item strong {
2127 display: flex;
2128 align-items: center;
2129 gap: 10px;
2130 }
2131 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .plugin-features .feature-item div {
2132 color: #525252;
2133 }
2134 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .social-networks {
2135 display: flex;
2136 align-items: center;
2137 justify-content: space-between;
2138 background-color: #fafbfc;
2139 padding: 15px;
2140 border-radius: 10px;
2141 corner-shape: squircle;
2142 gap: 10px;
2143 }
2144 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .social-networks div {
2145 display: flex;
2146 gap: 10px;
2147 }
2148 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .social-networks a:hover {
2149 text-decoration: none;
2150 }
2151 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members {
2152 display: grid;
2153 grid-template-columns: repeat(auto-fit, minmax(120px, 0.5fr));
2154 gap: 20px;
2155 }
2156 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members:hover .team-member:not(:hover) .team-member-name {
2157 background-color: #3c3c3c;
2158 }
2159 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member {
2160 border: 1px solid #f3f3f3;
2161 border-radius: 10px;
2162 corner-shape: squircle;
2163 overflow: hidden;
2164 }
2165 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member .team-member-image {
2166 height: 150px;
2167 background-size: cover;
2168 }
2169 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member .team-member-info {
2170 font-size: 0.9em;
2171 line-height: 1;
2172 }
2173 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member .team-member-info .team-member-name {
2174 background-color: black;
2175 color: white;
2176 padding: 5px;
2177 }
2178 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member .team-member-info .team-member-role {
2179 background-color: #f5f7f9;
2180 padding: 5px;
2181 }
2182 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member .team-member-social {
2183 background-color: #fafbfc;
2184 display: flex;
2185 gap: 7px;
2186 padding: 5px;
2187 max-height: 25px;
2188 }
2189 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .github-contributors-wrapper {
2190 background-color: #fafbfc;
2191 padding: 15px;
2192 border-radius: 10px;
2193 corner-shape: squircle;
2194 }
2195 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .github-contributors-wrapper .github-contributors {
2196 display: grid;
2197 grid-template-columns: repeat(auto-fit, minmax(40px, 0.5fr));
2198 gap: 20px;
2199 margin-top: 15px;
2200 }
2201 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .github-contributors-wrapper .github-contributors a {
2202 border-radius: 50%;
2203 display: flex;
2204 align-items: center;
2205 justify-content: center;
2206 }
2207 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .github-contributors-wrapper .github-contributors a img {
2208 border: 1px solid #f3f3f3;
2209 border-radius: 50%;
2210 width: 40px;
2211 height: 40px;
2212 }
2213 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .github-contributors-wrapper .github-contributors a:hover img {
2214 border-color: rgb(194.4, 194.4, 194.4);
2215 }
2216 @media only screen and (max-width: 783px) {
2217 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .plugin-features {
2218 grid-template-columns: none;
2219 }
2220 }
2221 @media only screen and (min-width: 1600px) {
2222 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members {
2223 grid-template-columns: repeat(auto-fit, minmax(150px, 250px));
2224 }
2225 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-about-content .team-members .team-member .team-member-image {
2226 height: 250px;
2227 }
2228 }
2229
2230 @keyframes waBlinkText {
2231 50% {
2232 opacity: 0.5;
2233 }
2234 }
2235 @media only screen and (max-width: 1200px) {
2236 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-grid {
2237 gap: 1rem !important;
2238 }
2239 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-grid-cols-2 {
2240 grid-template-columns: 150px auto !important;
2241 }
2242 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-addons-wrap .wppd-addons-grid {
2243 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
2244 }
2245 }
2246 @media only screen and (max-width: 961px) {
2247 body.toplevel_page_wp-parsidate .wp-parsidate-wrap.wp-parsidate-wrapper {
2248 grid-template-columns: 200px auto;
2249 }
2250 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item {
2251 padding: 7px 10px;
2252 }
2253 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar .menu-items .menu-item svg {
2254 min-width: 17px;
2255 max-width: 17px;
2256 }
2257 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-grid-cols-2 {
2258 grid-template-columns: auto !important;
2259 }
2260 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-grid-cols-2 > .wppd-title {
2261 font-weight: 600;
2262 font-size: 1.1em;
2263 }
2264 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-grid-cols-2 > .wppd-title:before {
2265 content: "";
2266 display: inline-block;
2267 margin-inline-end: 5px;
2268 }
2269 }
2270 @media only screen and (max-width: 783px) {
2271 body.toplevel_page_wp-parsidate .wp-parsidate-wrap.wp-parsidate-wrapper {
2272 margin-bottom: 30px;
2273 }
2274 body.toplevel_page_wp-parsidate .wp-parsidate-wrap select {
2275 max-width: 100%;
2276 }
2277 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-content {
2278 max-height: calc(100vh - 90px - var(--wp-admin--admin-bar--height, 0));
2279 }
2280 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-field-wrap .wppd-field-head {
2281 flex-direction: column;
2282 align-items: flex-start;
2283 }
2284 body.toplevel_page_wp-parsidate .wp-parsidate-wrap.wp-parsidate-wrapper {
2285 display: block;
2286 grid-template-columns: auto;
2287 min-height: calc(100vh - 60px - var(--wp-admin--admin-bar--height, 0));
2288 }
2289 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar {
2290 -webkit-transform: translateX(-100%);
2291 transform: translateX(-100%);
2292 -webkit-transition: -webkit-transform 0.3s ease-out;
2293 transition: -webkit-transform 0.3s ease-out;
2294 transition: transform 0.3s ease-out;
2295 transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
2296 position: absolute;
2297 z-index: 999991;
2298 width: 100%;
2299 height: calc(100vh - var(--wp-admin--admin-bar--height, 0) - 20px);
2300 overflow-y: auto;
2301 padding-bottom: 50px;
2302 }
2303 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-display-sidebar {
2304 display: block;
2305 }
2306 body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table td.wppd-dtu-col-hide-on-mobile, body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-data-table-ui table.wppd-dtu-table th.wppd-dtu-col-hide-on-mobile {
2307 display: none;
2308 }
2309 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body .wppd-grid-cols-2 {
2310 grid-template-columns: auto !important;
2311 }
2312 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body .wppd-grid-cols-2 > .wppd-title {
2313 font-weight: 600;
2314 }
2315 .wp-parsidate-wrap.wppd-data-table-ui-modal .wppd-modal-body .wppd-grid-cols-2 > .wppd-title:before {
2316 content: "";
2317 display: inline-block;
2318 margin-inline-end: 5px;
2319 }
2320 .wppd-modal .wppd-modal-body .wppd-field-wrap .wppd-field-head {
2321 flex-direction: column;
2322 align-items: flex-start;
2323 }
2324 }
2325 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap select:not([multiple]) {
2326 background-position-x: 10px;
2327 background-position-x: left 10px;
2328 }
2329 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-radio-wrap .wppd-checkmark::after {
2330 left: inherit;
2331 right: 3px;
2332 }
2333 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-repeatable .wppd-repeatable-fields-wrap .wppd-repeatable-actions {
2334 right: inherit;
2335 left: 10px;
2336 }
2337 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-display-sidebar a {
2338 -webkit-transform: scale(-1, -1);
2339 -moz-transform: scale(-1, -1);
2340 -o-transform: scale(-1, -1);
2341 transform: scale(-1, -1);
2342 }
2343 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar.wppd-mobile-sidebar {
2344 -webkit-transform: translateX(0);
2345 transform: translateX(0);
2346 }
2347 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-addon-wrap .wppd-title-desc .wppd-more-info-link {
2348 flex-direction: row-reverse;
2349 text-decoration: none;
2350 align-items: normal;
2351 }
2352 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-addon-wrap .wppd-title-desc .wppd-more-info-link i {
2353 -webkit-transform: rotate(180deg);
2354 transform: rotate(180deg);
2355 }
2356 @media only screen and (max-width: 783px) {
2357 html[dir=rtl] body.toplevel_page_wp-parsidate .wp-parsidate-wrap .wppd-sidebar {
2358 -webkit-transform: translateX(100%);
2359 transform: translateX(100%);
2360 }
2361 }
2362
2363 /*# sourceMappingURL=admin-style.css.map */
2364