main.css — The Post Grid – Shortcode, Gutenberg Blocks and Elementor Addon for Post Grid 4.2.2

the-post-grid / assets / blocks / main.css

the-post-grid / assets / blocks Last commit date

main.asset.php 4 years ago main.css 4 years ago main.css.map 4 years ago main.js 4 years ago main.js.map 4 years ago

main.css

1598 lines

1	/!*******************************************************************************************************************************************************************************************************************************************************!\
2	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/devices.scss *!
3	\*********************************************************************************************************************************************************************************************************************************************************/
4	.rttpg-components-popover .rttpg-device-switcher,
5	.rttpg-panel-control-wrapper .rttpg-device-switcher {
6	color: #a4afb7;
7	display: flex;
8	align-items: center;
9	justify-content: center;
10	position: relative;
11	z-index: 2;
12	cursor: pointer;
13	height: 0;
14	transform: scale(0);
15	opacity: 0;
16	transition: 0.15s;
17	font-size: 11px;
18	}
19	.rttpg-components-popover .rttpg-device-switcher i,
20	.rttpg-panel-control-wrapper .rttpg-device-switcher i {
21	font-size: inherit;
22	}
23	.rttpg-components-popover .rttpg-device-switcher.active,
24	.rttpg-panel-control-wrapper .rttpg-device-switcher.active {
25	height: 24px;
26	transform: scale(1);
27	opacity: 1;
28	}
29	.rttpg-components-popover .rttpg-device-switchers,
30	.rttpg-panel-control-wrapper .rttpg-device-switchers {
31	position: relative;
32	width: 24px;
33	height: 24px;
34	}
35	.rttpg-components-popover .rttpg-device-switchers-wrap,
36	.rttpg-panel-control-wrapper .rttpg-device-switchers-wrap {
37	position: absolute;
38	width: 100%;
39	top: 1px;
40	color: #e0e1e3;
41	z-index: 44;
42	}
43	.rttpg-components-popover .rttpg-device-switchers-open .rttpg-device-switchers-wrap,
44	.rttpg-panel-control-wrapper .rttpg-device-switchers-open .rttpg-device-switchers-wrap {
45	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
46	background: #ffffff;
47	border-radius: 2px;
48	}
49	.rttpg-components-popover .rttpg-device-switchers-open.active-md .rttpg-device-switchers-wrap,
50	.rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-md .rttpg-device-switchers-wrap {
51	top: 0;
52	}
53	.rttpg-components-popover .rttpg-device-switchers-open.active-sm .rttpg-device-switchers-wrap,
54	.rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-sm .rttpg-device-switchers-wrap {
55	top: 0;
56	}
57	.rttpg-components-popover .rttpg-device-switchers-open.active-xs .rttpg-device-switchers-wrap,
58	.rttpg-panel-control-wrapper .rttpg-device-switchers-open.active-xs .rttpg-device-switchers-wrap {
59	top: 0;
60	}
61	.rttpg-components-popover .rttpg-device-switchers-open .rttpg-device-switcher,
62	.rttpg-panel-control-wrapper .rttpg-device-switchers-open .rttpg-device-switcher {
63	height: 24px;
64	transform: scale(1);
65	opacity: 1;
66	}
67
68	.rttpg-device-switchers-open .rttpg-device-switcher.active {
69	color: var(--rttpg-admin-color-primary, #0066ff);
70	}
71	/!***********************************************************************************************************************************************************************************************************************************************************!\
72	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/rangeDevice.scss *!
73	\*************************************************************************************************************************************************************************************************************************************************************/
74	.rttpg-components-popover .rttpg-control-field .rttpg-cf-head .rt-left-part,
75	.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head .rt-left-part {
76	display: flex;
77	align-items: center;
78	}
79	.rttpg-components-popover .rttpg-control-field .rttpg-cf-head .rttpg-label,
80	.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head .rttpg-label {
81	margin-bottom: 2px;
82	margin-right: 4px;
83	}
84	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap,
85	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap {
86	--row-gap: 5px;
87	}
88	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-input-control__input,
89	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-input-control__input {
90	height: 30px !important;
91	}
92	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper,
93	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper {
94	color: var(--rttpg-admin-color-primary, #0066ff);
95	min-height: 25px;
96	height: 25px;
97	}
98	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper .acf-bf-cf-b-afb-199wkr,
99	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper .acf-bf-cf-b-afb-199wkr {
100	background-color: var(--rttpg-admin-color-primary, #0066ff);
101	}
102	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body,
103	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body {
104	display: flex;
105	align-items: center;
106	gap: 8px;
107	}
108	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control,
109	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control__field,
110	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-control-field,
111	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control,
112	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .components-base-control__field,
113	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-control-field {
114	flex-grow: 1;
115	margin-bottom: 0;
116	}
117	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn,
118	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn {
119	font-size: 16px;
120	color: var(--rttpg-admin-color-secondary, #555);
121	background-color: transparent;
122	}
123	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn span,
124	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn span {
125	font-size: inherit;
126	}
127	.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn:focus,
128	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-body .rttpg-undo-btn:focus {
129	outline: 0;
130	box-shadow: none;
131	}
132	/!*********************************************************************************************************************************************************************************************************************************************************!\
133	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/alignment.scss *!
134	\***********************************************************************************************************************************************************************************************************************************************************/
135	.rttpg-components-popover .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button,
136	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button {
137	font-size: 12px;
138	}
139	/!******************************************************************************************************************************************************************************************************************************************************!\
140	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/styles.scss *!
141	\********************************************************************************************************************************************************************************************************************************************************/
142	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap,
143	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap {
144	margin-bottom: 16px !important;
145	}
146	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list,
147	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list {
148	--row-gap: 10px;
149	--column-gap: 6px;
150	display: grid;
151	row-gap: var(--row-gap);
152	-moz-column-gap: var(--column-gap);
153	column-gap: var(--column-gap);
154	}
155	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div,
156	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div {
157	--row-gap: 6px;
158	--column-gap: 6px;
159	display: grid;
160	row-gap: var(--row-gap);
161	-moz-column-gap: var(--column-gap);
162	column-gap: var(--column-gap);
163	text-align: center;
164	cursor: pointer;
165	overflow: hidden;
166	}
167	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout,
168	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout {
169	display: block;
170	border: 2px solid var(--rttpg-admin-color-border);
171	border-radius: 0;
172	transition: var(--rttpg-admin-transition);
173	overflow: hidden;
174	height: 51px;
175	}
176	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout img,
177	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-layout img {
178	display: block;
179	width: 100%;
180	}
181	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-icon,
182	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-svg,
183	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label,
184	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-icon,
185	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-style-svg,
186	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label {
187	display: block;
188	}
189	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label,
190	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div .rttpg-label {
191	font-size: 12px !important;
192	line-height: 1.3;
193	transition: var(--rttpg-admin-transition);
194	}
195	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-layout,
196	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-layout {
197	border-color: var(--rttpg-admin-color-primary, #0066ff);
198	}
199	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-label,
200	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list > div.rttpg-active .rttpg-label {
201	color: var(--rttpg-admin-color-primary, #0066ff) !important;
202	}
203	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-2,
204	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-2 {
205	grid-template-columns: repeat(2, 1fr);
206	}
207	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-3,
208	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-3 {
209	grid-template-columns: repeat(3, 1fr);
210	}
211	.rttpg-components-popover .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-4,
212	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-styles-wrap .rttpg-style-list.rttpg-style-columns-4 {
213	grid-template-columns: repeat(4, 1fr);
214	}
215	/!************************************************************************************************************************************************************************************************!\
216	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/flatpickr/dist/themes/light.css *!
217	\**************************************************************************************************************************************************************************************************/
218	.flatpickr-calendar {
219	background: transparent;
220	opacity: 0;
221	display: none;
222	text-align: center;
223	visibility: hidden;
224	padding: 0;
225	-webkit-animation: none;
226	animation: none;
227	direction: ltr;
228	border: 0;
229	font-size: 14px;
230	line-height: 24px;
231	border-radius: 5px;
232	position: absolute;
233	width: 307.875px;
234	-webkit-box-sizing: border-box;
235	box-sizing: border-box;
236	-ms-touch-action: manipulation;
237	touch-action: manipulation;
238	-webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08);
239	box-shadow: 0 3px 13px rgba(0,0,0,0.08);
240	}
241	.flatpickr-calendar.open,
242	.flatpickr-calendar.inline {
243	opacity: 1;
244	max-height: 640px;
245	visibility: visible;
246	}
247	.flatpickr-calendar.open {
248	display: inline-block;
249	z-index: 99999;
250	}
251	.flatpickr-calendar.animate.open {
252	-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
253	animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
254	}
255	.flatpickr-calendar.inline {
256	display: block;
257	position: relative;
258	top: 2px;
259	}
260	.flatpickr-calendar.static {
261	position: absolute;
262	top: calc(100% + 2px);
263	}
264	.flatpickr-calendar.static.open {
265	z-index: 999;
266	display: block;
267	}
268	.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
269	-webkit-box-shadow: none !important;
270	box-shadow: none !important;
271	}
272	.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
273	-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
274	box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
275	}
276	.flatpickr-calendar .hasWeeks .dayContainer,
277	.flatpickr-calendar .hasTime .dayContainer {
278	border-bottom: 0;
279	border-bottom-right-radius: 0;
280	border-bottom-left-radius: 0;
281	}
282	.flatpickr-calendar .hasWeeks .dayContainer {
283	border-left: 0;
284	}
285	.flatpickr-calendar.hasTime .flatpickr-time {
286	height: 40px;
287	border-top: 1px solid #eceef1;
288	}
289	.flatpickr-calendar.hasTime .flatpickr-innerContainer {
290	border-bottom: 0;
291	}
292	.flatpickr-calendar.hasTime .flatpickr-time {
293	border: 1px solid #eceef1;
294	}
295	.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
296	height: auto;
297	}
298	.flatpickr-calendar:before,
299	.flatpickr-calendar:after {
300	position: absolute;
301	display: block;
302	pointer-events: none;
303	border: solid transparent;
304	content: '';
305	height: 0;
306	width: 0;
307	left: 22px;
308	}
309	.flatpickr-calendar.rightMost:before,
310	.flatpickr-calendar.arrowRight:before,
311	.flatpickr-calendar.rightMost:after,
312	.flatpickr-calendar.arrowRight:after {
313	left: auto;
314	right: 22px;
315	}
316	.flatpickr-calendar.arrowCenter:before,
317	.flatpickr-calendar.arrowCenter:after {
318	left: 50%;
319	right: 50%;
320	}
321	.flatpickr-calendar:before {
322	border-width: 5px;
323	margin: 0 -5px;
324	}
325	.flatpickr-calendar:after {
326	border-width: 4px;
327	margin: 0 -4px;
328	}
329	.flatpickr-calendar.arrowTop:before,
330	.flatpickr-calendar.arrowTop:after {
331	bottom: 100%;
332	}
333	.flatpickr-calendar.arrowTop:before {
334	border-bottom-color: #eceef1;
335	}
336	.flatpickr-calendar.arrowTop:after {
337	border-bottom-color: #eceef1;
338	}
339	.flatpickr-calendar.arrowBottom:before,
340	.flatpickr-calendar.arrowBottom:after {
341	top: 100%;
342	}
343	.flatpickr-calendar.arrowBottom:before {
344	border-top-color: #eceef1;
345	}
346	.flatpickr-calendar.arrowBottom:after {
347	border-top-color: #eceef1;
348	}
349	.flatpickr-calendar:focus {
350	outline: 0;
351	}
352	.flatpickr-wrapper {
353	position: relative;
354	display: inline-block;
355	}
356	.flatpickr-months {
357	display: -webkit-box;
358	display: -webkit-flex;
359	display: -ms-flexbox;
360	display: flex;
361	}
362	.flatpickr-months .flatpickr-month {
363	border-radius: 5px 5px 0 0;
364	background: #eceef1;
365	color: #5a6171;
366	fill: #5a6171;
367	height: 34px;
368	line-height: 1;
369	text-align: center;
370	position: relative;
371	-webkit-user-select: none;
372	-moz-user-select: none;
373	-ms-user-select: none;
374	user-select: none;
375	overflow: hidden;
376	-webkit-box-flex: 1;
377	-webkit-flex: 1;
378	-ms-flex: 1;
379	flex: 1;
380	}
381	.flatpickr-months .flatpickr-prev-month,
382	.flatpickr-months .flatpickr-next-month {
383	-webkit-user-select: none;
384	-moz-user-select: none;
385	-ms-user-select: none;
386	user-select: none;
387	text-decoration: none;
388	cursor: pointer;
389	position: absolute;
390	top: 0;
391	height: 34px;
392	padding: 10px;
393	z-index: 3;
394	color: #5a6171;
395	fill: #5a6171;
396	}
397	.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
398	.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
399	display: none;
400	}
401	.flatpickr-months .flatpickr-prev-month i,
402	.flatpickr-months .flatpickr-next-month i {
403	position: relative;
404	}
405	.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
406	.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
407	/*
408	/rtl:begin:ignore/
409	/*
410	*/
411	left: 0;
412	/*
413	/rtl:end:ignore/
414	/*
415	*/
416	}
417	/*
418	/rtl:begin:ignore/
419	/*
420	/rtl:end:ignore/
421	.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
422	.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
423	/*
424	/rtl:begin:ignore/
425	/*
426	*/
427	right: 0;
428	/*
429	/rtl:end:ignore/
430	/*
431	*/
432	}
433	/*
434	/rtl:begin:ignore/
435	/*
436	/rtl:end:ignore/
437	.flatpickr-months .flatpickr-prev-month:hover,
438	.flatpickr-months .flatpickr-next-month:hover {
439	color: #bbb;
440	}
441	.flatpickr-months .flatpickr-prev-month:hover svg,
442	.flatpickr-months .flatpickr-next-month:hover svg {
443	fill: #f64747;
444	}
445	.flatpickr-months .flatpickr-prev-month svg,
446	.flatpickr-months .flatpickr-next-month svg {
447	width: 14px;
448	height: 14px;
449	}
450	.flatpickr-months .flatpickr-prev-month svg path,
451	.flatpickr-months .flatpickr-next-month svg path {
452	-webkit-transition: fill 0.1s;
453	transition: fill 0.1s;
454	fill: inherit;
455	}
456	.numInputWrapper {
457	position: relative;
458	height: auto;
459	}
460	.numInputWrapper input,
461	.numInputWrapper span {
462	display: inline-block;
463	}
464	.numInputWrapper input {
465	width: 100%;
466	}
467	.numInputWrapper input::-ms-clear {
468	display: none;
469	}
470	.numInputWrapper input::-webkit-outer-spin-button,
471	.numInputWrapper input::-webkit-inner-spin-button {
472	margin: 0;
473	-webkit-appearance: none;
474	}
475	.numInputWrapper span {
476	position: absolute;
477	right: 0;
478	width: 14px;
479	padding: 0 4px 0 2px;
480	height: 50%;
481	line-height: 50%;
482	opacity: 0;
483	cursor: pointer;
484	border: 1px solid rgba(72,72,72,0.15);
485	-webkit-box-sizing: border-box;
486	box-sizing: border-box;
487	}
488	.numInputWrapper span:hover {
489	background: rgba(0,0,0,0.1);
490	}
491	.numInputWrapper span:active {
492	background: rgba(0,0,0,0.2);
493	}
494	.numInputWrapper span:after {
495	display: block;
496	content: "";
497	position: absolute;
498	}
499	.numInputWrapper span.arrowUp {
500	top: 0;
501	border-bottom: 0;
502	}
503	.numInputWrapper span.arrowUp:after {
504	border-left: 4px solid transparent;
505	border-right: 4px solid transparent;
506	border-bottom: 4px solid rgba(72,72,72,0.6);
507	top: 26%;
508	}
509	.numInputWrapper span.arrowDown {
510	top: 50%;
511	}
512	.numInputWrapper span.arrowDown:after {
513	border-left: 4px solid transparent;
514	border-right: 4px solid transparent;
515	border-top: 4px solid rgba(72,72,72,0.6);
516	top: 40%;
517	}
518	.numInputWrapper span svg {
519	width: inherit;
520	height: auto;
521	}
522	.numInputWrapper span svg path {
523	fill: rgba(90,97,113,0.5);
524	}
525	.numInputWrapper:hover {
526	background: rgba(0,0,0,0.05);
527	}
528	.numInputWrapper:hover span {
529	opacity: 1;
530	}
531	.flatpickr-current-month {
532	font-size: 135%;
533	line-height: inherit;
534	font-weight: 300;
535	color: inherit;
536	position: absolute;
537	width: 75%;
538	left: 12.5%;
539	padding: 7.48px 0 0 0;
540	line-height: 1;
541	height: 34px;
542	display: inline-block;
543	text-align: center;
544	-webkit-transform: translate3d(0px, 0px, 0px);
545	transform: translate3d(0px, 0px, 0px);
546	}
547	.flatpickr-current-month span.cur-month {
548	font-family: inherit;
549	font-weight: 700;
550	color: inherit;
551	display: inline-block;
552	margin-left: 0.5ch;
553	padding: 0;
554	}
555	.flatpickr-current-month span.cur-month:hover {
556	background: rgba(0,0,0,0.05);
557	}
558	.flatpickr-current-month .numInputWrapper {
559	width: 6ch;
560	width: 7ch\0;
561	display: inline-block;
562	}
563	.flatpickr-current-month .numInputWrapper span.arrowUp:after {
564	border-bottom-color: #5a6171;
565	}
566	.flatpickr-current-month .numInputWrapper span.arrowDown:after {
567	border-top-color: #5a6171;
568	}
569	.flatpickr-current-month input.cur-year {
570	background: transparent;
571	-webkit-box-sizing: border-box;
572	box-sizing: border-box;
573	color: inherit;
574	cursor: text;
575	padding: 0 0 0 0.5ch;
576	margin: 0;
577	display: inline-block;
578	font-size: inherit;
579	font-family: inherit;
580	font-weight: 300;
581	line-height: inherit;
582	height: auto;
583	border: 0;
584	border-radius: 0;
585	vertical-align: initial;
586	-webkit-appearance: textfield;
587	-moz-appearance: textfield;
588	appearance: textfield;
589	}
590	.flatpickr-current-month input.cur-year:focus {
591	outline: 0;
592	}
593	.flatpickr-current-month input.cur-year[disabled],
594	.flatpickr-current-month input.cur-year[disabled]:hover {
595	font-size: 100%;
596	color: rgba(90,97,113,0.5);
597	background: transparent;
598	pointer-events: none;
599	}
600	.flatpickr-current-month .flatpickr-monthDropdown-months {
601	appearance: menulist;
602	background: #eceef1;
603	border: none;
604	border-radius: 0;
605	box-sizing: border-box;
606	color: inherit;
607	cursor: pointer;
608	font-size: inherit;
609	font-family: inherit;
610	font-weight: 300;
611	height: auto;
612	line-height: inherit;
613	margin: -1px 0 0 0;
614	outline: none;
615	padding: 0 0 0 0.5ch;
616	position: relative;
617	vertical-align: initial;
618	-webkit-box-sizing: border-box;
619	-webkit-appearance: menulist;
620	-moz-appearance: menulist;
621	width: auto;
622	}
623	.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
624	.flatpickr-current-month .flatpickr-monthDropdown-months:active {
625	outline: none;
626	}
627	.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
628	background: rgba(0,0,0,0.05);
629	}
630	.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
631	background-color: #eceef1;
632	outline: none;
633	padding: 0;
634	}
635	.flatpickr-weekdays {
636	background: #eceef1;
637	text-align: center;
638	overflow: hidden;
639	width: 100%;
640	display: -webkit-box;
641	display: -webkit-flex;
642	display: -ms-flexbox;
643	display: flex;
644	-webkit-box-align: center;
645	-webkit-align-items: center;
646	-ms-flex-align: center;
647	align-items: center;
648	height: 28px;
649	}
650	.flatpickr-weekdays .flatpickr-weekdaycontainer {
651	display: -webkit-box;
652	display: -webkit-flex;
653	display: -ms-flexbox;
654	display: flex;
655	-webkit-box-flex: 1;
656	-webkit-flex: 1;
657	-ms-flex: 1;
658	flex: 1;
659	}
660	span.flatpickr-weekday {
661	cursor: default;
662	font-size: 90%;
663	background: #eceef1;
664	color: #5a6171;
665	line-height: 1;
666	margin: 0;
667	text-align: center;
668	display: block;
669	-webkit-box-flex: 1;
670	-webkit-flex: 1;
671	-ms-flex: 1;
672	flex: 1;
673	font-weight: bolder;
674	}
675	.dayContainer,
676	.flatpickr-weeks {
677	padding: 1px 0 0 0;
678	}
679	.flatpickr-days {
680	position: relative;
681	overflow: hidden;
682	display: -webkit-box;
683	display: -webkit-flex;
684	display: -ms-flexbox;
685	display: flex;
686	-webkit-box-align: start;
687	-webkit-align-items: flex-start;
688	-ms-flex-align: start;
689	align-items: flex-start;
690	width: 307.875px;
691	border-left: 1px solid #eceef1;
692	border-right: 1px solid #eceef1;
693	}
694	.flatpickr-days:focus {
695	outline: 0;
696	}
697	.dayContainer {
698	padding: 0;
699	outline: 0;
700	text-align: left;
701	width: 307.875px;
702	min-width: 307.875px;
703	max-width: 307.875px;
704	-webkit-box-sizing: border-box;
705	box-sizing: border-box;
706	display: inline-block;
707	display: -ms-flexbox;
708	display: -webkit-box;
709	display: -webkit-flex;
710	display: flex;
711	-webkit-flex-wrap: wrap;
712	flex-wrap: wrap;
713	-ms-flex-wrap: wrap;
714	-ms-flex-pack: justify;
715	-webkit-justify-content: space-around;
716	justify-content: space-around;
717	-webkit-transform: translate3d(0px, 0px, 0px);
718	transform: translate3d(0px, 0px, 0px);
719	opacity: 1;
720	}
721	.dayContainer + .dayContainer {
722	-webkit-box-shadow: -1px 0 0 #eceef1;
723	box-shadow: -1px 0 0 #eceef1;
724	}
725	.flatpickr-day {
726	background: none;
727	border: 1px solid transparent;
728	border-radius: 150px;
729	-webkit-box-sizing: border-box;
730	box-sizing: border-box;
731	color: #484848;
732	cursor: pointer;
733	font-weight: 400;
734	width: 14.2857143%;
735	-webkit-flex-basis: 14.2857143%;
736	-ms-flex-preferred-size: 14.2857143%;
737	flex-basis: 14.2857143%;
738	max-width: 39px;
739	height: 39px;
740	line-height: 39px;
741	margin: 0;
742	display: inline-block;
743	position: relative;
744	-webkit-box-pack: center;
745	-webkit-justify-content: center;
746	-ms-flex-pack: center;
747	justify-content: center;
748	text-align: center;
749	}
750	.flatpickr-day.inRange,
751	.flatpickr-day.prevMonthDay.inRange,
752	.flatpickr-day.nextMonthDay.inRange,
753	.flatpickr-day.today.inRange,
754	.flatpickr-day.prevMonthDay.today.inRange,
755	.flatpickr-day.nextMonthDay.today.inRange,
756	.flatpickr-day:hover,
757	.flatpickr-day.prevMonthDay:hover,
758	.flatpickr-day.nextMonthDay:hover,
759	.flatpickr-day:focus,
760	.flatpickr-day.prevMonthDay:focus,
761	.flatpickr-day.nextMonthDay:focus {
762	cursor: pointer;
763	outline: 0;
764	background: #e2e2e2;
765	border-color: #e2e2e2;
766	}
767	.flatpickr-day.today {
768	border-color: #bbb;
769	}
770	.flatpickr-day.today:hover,
771	.flatpickr-day.today:focus {
772	border-color: #bbb;
773	background: #bbb;
774	color: #fff;
775	}
776	.flatpickr-day.selected,
777	.flatpickr-day.startRange,
778	.flatpickr-day.endRange,
779	.flatpickr-day.selected.inRange,
780	.flatpickr-day.startRange.inRange,
781	.flatpickr-day.endRange.inRange,
782	.flatpickr-day.selected:focus,
783	.flatpickr-day.startRange:focus,
784	.flatpickr-day.endRange:focus,
785	.flatpickr-day.selected:hover,
786	.flatpickr-day.startRange:hover,
787	.flatpickr-day.endRange:hover,
788	.flatpickr-day.selected.prevMonthDay,
789	.flatpickr-day.startRange.prevMonthDay,
790	.flatpickr-day.endRange.prevMonthDay,
791	.flatpickr-day.selected.nextMonthDay,
792	.flatpickr-day.startRange.nextMonthDay,
793	.flatpickr-day.endRange.nextMonthDay {
794	background: #ff5a5f;
795	-webkit-box-shadow: none;
796	box-shadow: none;
797	color: #fff;
798	border-color: #ff5a5f;
799	}
800	.flatpickr-day.selected.startRange,
801	.flatpickr-day.startRange.startRange,
802	.flatpickr-day.endRange.startRange {
803	border-radius: 50px 0 0 50px;
804	}
805	.flatpickr-day.selected.endRange,
806	.flatpickr-day.startRange.endRange,
807	.flatpickr-day.endRange.endRange {
808	border-radius: 0 50px 50px 0;
809	}
810	.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
811	.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
812	.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
813	-webkit-box-shadow: -10px 0 0 #ff5a5f;
814	box-shadow: -10px 0 0 #ff5a5f;
815	}
816	.flatpickr-day.selected.startRange.endRange,
817	.flatpickr-day.startRange.startRange.endRange,
818	.flatpickr-day.endRange.startRange.endRange {
819	border-radius: 50px;
820	}
821	.flatpickr-day.inRange {
822	border-radius: 0;
823	-webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
824	box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
825	}
826	.flatpickr-day.flatpickr-disabled,
827	.flatpickr-day.flatpickr-disabled:hover,
828	.flatpickr-day.prevMonthDay,
829	.flatpickr-day.nextMonthDay,
830	.flatpickr-day.notAllowed,
831	.flatpickr-day.notAllowed.prevMonthDay,
832	.flatpickr-day.notAllowed.nextMonthDay {
833	color: rgba(72,72,72,0.3);
834	background: transparent;
835	border-color: transparent;
836	cursor: default;
837	}
838	.flatpickr-day.flatpickr-disabled,
839	.flatpickr-day.flatpickr-disabled:hover {
840	cursor: not-allowed;
841	color: rgba(72,72,72,0.1);
842	}
843	.flatpickr-day.week.selected {
844	border-radius: 0;
845	-webkit-box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
846	box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
847	}
848	.flatpickr-day.hidden {
849	visibility: hidden;
850	}
851	.rangeMode .flatpickr-day {
852	margin-top: 1px;
853	}
854	.flatpickr-weekwrapper {
855	float: left;
856	}
857	.flatpickr-weekwrapper .flatpickr-weeks {
858	padding: 0 12px;
859	border-left: 1px solid #eceef1;
860	}
861	.flatpickr-weekwrapper .flatpickr-weekday {
862	float: none;
863	width: 100%;
864	line-height: 28px;
865	}
866	.flatpickr-weekwrapper span.flatpickr-day,
867	.flatpickr-weekwrapper span.flatpickr-day:hover {
868	display: block;
869	width: 100%;
870	max-width: none;
871	color: rgba(72,72,72,0.3);
872	background: transparent;
873	cursor: default;
874	border: none;
875	}
876	.flatpickr-innerContainer {
877	display: block;
878	display: -webkit-box;
879	display: -webkit-flex;
880	display: -ms-flexbox;
881	display: flex;
882	-webkit-box-sizing: border-box;
883	box-sizing: border-box;
884	overflow: hidden;
885	background: #fff;
886	border-bottom: 1px solid #eceef1;
887	}
888	.flatpickr-rContainer {
889	display: inline-block;
890	padding: 0;
891	-webkit-box-sizing: border-box;
892	box-sizing: border-box;
893	}
894	.flatpickr-time {
895	text-align: center;
896	outline: 0;
897	display: block;
898	height: 0;
899	line-height: 40px;
900	max-height: 40px;
901	-webkit-box-sizing: border-box;
902	box-sizing: border-box;
903	overflow: hidden;
904	display: -webkit-box;
905	display: -webkit-flex;
906	display: -ms-flexbox;
907	display: flex;
908	background: #fff;
909	border-radius: 0 0 5px 5px;
910	}
911	.flatpickr-time:after {
912	content: "";
913	display: table;
914	clear: both;
915	}
916	.flatpickr-time .numInputWrapper {
917	-webkit-box-flex: 1;
918	-webkit-flex: 1;
919	-ms-flex: 1;
920	flex: 1;
921	width: 40%;
922	height: 40px;
923	float: left;
924	}
925	.flatpickr-time .numInputWrapper span.arrowUp:after {
926	border-bottom-color: #484848;
927	}
928	.flatpickr-time .numInputWrapper span.arrowDown:after {
929	border-top-color: #484848;
930	}
931	.flatpickr-time.hasSeconds .numInputWrapper {
932	width: 26%;
933	}
934	.flatpickr-time.time24hr .numInputWrapper {
935	width: 49%;
936	}
937	.flatpickr-time input {
938	background: transparent;
939	-webkit-box-shadow: none;
940	box-shadow: none;
941	border: 0;
942	border-radius: 0;
943	text-align: center;
944	margin: 0;
945	padding: 0;
946	height: inherit;
947	line-height: inherit;
948	color: #484848;
949	font-size: 14px;
950	position: relative;
951	-webkit-box-sizing: border-box;
952	box-sizing: border-box;
953	-webkit-appearance: textfield;
954	-moz-appearance: textfield;
955	appearance: textfield;
956	}
957	.flatpickr-time input.flatpickr-hour {
958	font-weight: bold;
959	}
960	.flatpickr-time input.flatpickr-minute,
961	.flatpickr-time input.flatpickr-second {
962	font-weight: 400;
963	}
964	.flatpickr-time input:focus {
965	outline: 0;
966	border: 0;
967	}
968	.flatpickr-time .flatpickr-time-separator,
969	.flatpickr-time .flatpickr-am-pm {
970	height: inherit;
971	float: left;
972	line-height: inherit;
973	color: #484848;
974	font-weight: bold;
975	width: 2%;
976	-webkit-user-select: none;
977	-moz-user-select: none;
978	-ms-user-select: none;
979	user-select: none;
980	-webkit-align-self: center;
981	-ms-flex-item-align: center;
982	-ms-grid-row-align: center;
983	align-self: center;
984	}
985	.flatpickr-time .flatpickr-am-pm {
986	outline: 0;
987	width: 18%;
988	cursor: pointer;
989	text-align: center;
990	font-weight: 400;
991	}
992	.flatpickr-time input:hover,
993	.flatpickr-time .flatpickr-am-pm:hover,
994	.flatpickr-time input:focus,
995	.flatpickr-time .flatpickr-am-pm:focus {
996	background: #eaeaea;
997	}
998	.flatpickr-input[readonly] {
999	cursor: pointer;
1000	}
1001	@-webkit-keyframes fpFadeInDown {
1002	from {
1003	opacity: 0;
1004	-webkit-transform: translate3d(0, -20px, 0);
1005	transform: translate3d(0, -20px, 0);
1006	}
1007	to {
1008	opacity: 1;
1009	-webkit-transform: translate3d(0, 0, 0);
1010	transform: translate3d(0, 0, 0);
1011	}
1012	}
1013	@keyframes fpFadeInDown {
1014	from {
1015	opacity: 0;
1016	-webkit-transform: translate3d(0, -20px, 0);
1017	transform: translate3d(0, -20px, 0);
1018	}
1019	to {
1020	opacity: 1;
1021	-webkit-transform: translate3d(0, 0, 0);
1022	transform: translate3d(0, 0, 0);
1023	}
1024	}
1025	span.flatpickr-day.selected {
1026	font-weight: bold;
1027	}
1028
1029	/!*****************************************************************************************************************************************************************************************************************************************************!\
1030	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/media.scss *!
1031	\*******************************************************************************************************************************************************************************************************************************************************/
1032	.rttpg-media {
1033	margin-bottom: 15px;
1034	}
1035	.rttpg-media label {
1036	margin-bottom: 10px;
1037	display: block;
1038	font-weight: 500;
1039	}
1040	.rttpg-media .rttpg-single-img .rttpg-media-image-parent {
1041	position: relative;
1042	display: inline-block;
1043	min-height: 140px;
1044	min-width: 140px;
1045	}
1046	.rttpg-media .rttpg-single-img .rttpg-media-image-parent img {
1047	margin: 0;
1048	}
1049	/!********************************************************************************************************************************************************************************************************************************************************!\
1050	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/iconList.scss *!
1051	\**********************************************************************************************************************************************************************************************************************************************************/
1052	.rttpg-icon-main-wrapper .choose-icon {
1053	display: flex;
1054	justify-content: center;
1055	align-items: center;
1056	min-height: 120px;
1057	font-size: 20px;
1058	color: #6d7882;
1059	background-color: #d5dadf;
1060	border: 1px solid #ddd;
1061	position: relative;
1062	cursor: pointer;
1063	transition: 0.4s;
1064	}
1065	.rttpg-icon-main-wrapper .choose-icon.has-icon {
1066	background-color: #f6f6f6;
1067	background-image: linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd), linear-gradient(45deg, #ddd 25%, transparent 0, transparent 75%, #ddd 0, #ddd);
1068	background-size: 16px 16px;
1069	background-position: 0 0, 8px 8px;
1070	}
1071	.rttpg-icon-main-wrapper .choose-icon .default-icon {
1072	font-size: 70px;
1073	}
1074	.rttpg-icon-main-wrapper .choose-icon span {
1075	transition: color 0.4s;
1076	}
1077	.rttpg-icon-main-wrapper .choose-icon .fa-plus {
1078	width: 40px;
1079	height: 40px;
1080	background-color: #fff;
1081	border-radius: 50%;
1082	line-height: 40px;
1083	text-align: center;
1084	pointer-events: none;
1085	border: 1px solid #999;
1086	box-sizing: border-box;
1087	}
1088	.rttpg-icon-main-wrapper .choose-icon:hover {
1089	color: #41474d;
1090	}
1091	.rttpg-icon-main-wrapper .choose-icon:not(.has-icon):hover {
1092	background-color: #bfc3c7;
1093	}
1094	.rttpg-icon-main-wrapper .components-input-control__label {
1095	color: var(--rttpg-admin-color-secondary, #555);
1096	font-weight: 500;
1097	margin-bottom: 5px;
1098	display: block;
1099	}
1100	.rttpg-icon-main-wrapper .icon-inner-wrapper {
1101	position: relative;
1102	}
1103	.rttpg-icon-main-wrapper .icon-inner-wrapper .rttpg-icon-wrapper {
1104	background: #fff;
1105	display: block;
1106	position: absolute;
1107	top: 0;
1108	z-index: 9;
1109	border: 3px solid #ddd;
1110	}
1111	.rttpg-icon-main-wrapper .rttpg-icon-list-warp {
1112	width: 100%;
1113	display: block;
1114	}
1115	.rttpg-icon-main-wrapper .rttpg-icon-wrapper input {
1116	background: #fff;
1117	width: 100%;
1118	height: 36px;
1119	padding: 0 10px !important;
1120	border-radius: 3px 3px 0 0;
1121	border: 1px solid #E5E7EA;
1122	position: relative;
1123	z-index: 2;
1124	margin-left: -0.5px;
1125	}
1126	.rttpg-icon-main-wrapper .rttpg-icon-wrapper input:focus {
1127	border: 1px solid #2184F9;
1128	outline: 0;
1129	box-shadow: none;
1130	}
1131	.rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-remove-icon {
1132	top: 7px;
1133	box-shadow: none;
1134	line-height: 18px;
1135	border-collapse: #ddd;
1136	}
1137	.rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-font-list span {
1138	border-bottom: 0.5px solid #E5E7EA;
1139	}
1140	.rttpg-icon-main-wrapper .rttpg-icon-wrapper .rttpg-font-list span.active {
1141	color: #555d66;
1142	}
1143	.rttpg-icon-main-wrapper.rttpg-toggle-enabled label {
1144	font-size: 16px;
1145	line-height: 1;
1146	margin: 0;
1147	width: auto;
1148	display: inline-block;
1149	}
1150	.rttpg-icon-main-wrapper .rttpg-icon-list-icons {
1151	max-height: 177px;
1152	margin: 0;
1153	border: 1px solid #E5E7EA;
1154	border-top: 0;
1155	margin-top: -1px;
1156	overflow: auto;
1157	position: relative;
1158	z-index: 1;
1159	}
1160	.rttpg-icon-main-wrapper .rttpg-icon-list-icons > span {
1161	text-align: center;
1162	font-size: 15px;
1163	float: left;
1164	width: 16.6666666667%;
1165	margin: 0;
1166	}
1167	.rttpg-icon-main-wrapper .rttpg-icon-list-icons > span span {
1168	display: block;
1169	height: 37px;
1170	line-height: 37px;
1171	border: 1px solid #E5E7EA;
1172	margin-left: -1px;
1173	margin-bottom: -1px;
1174	background: #fff;
1175	color: #565D66;
1176	transition: 300ms;
1177	}
1178	.rttpg-icon-main-wrapper .rttpg-icon-list-icons > span:hover {
1179	cursor: pointer;
1180	}
1181	.rttpg-icon-main-wrapper .rttpg-icon-list-icons > span:hover span {
1182	color: #fff;
1183	background: #2184F9;
1184	border-color: #2184F9;
1185	}
1186	.rttpg-icon-main-wrapper .rttpg-icon-list-icons > span.rttpg-active span {
1187	color: #fff;
1188	background: #2184F9;
1189	border-color: #2184F9;
1190	}
1191	.rttpg-icon-main-wrapper .rttpg-icon-list-inner {
1192	width: 100%;
1193	padding: 4px 9px;
1194	display: block;
1195	}
1196	.rttpg-icon-main-wrapper .rttpg-icon-list-inner:hover {
1197	cursor: pointer;
1198	}
1199	.rttpg-icon-main-wrapper .rttpg-icon-list-inner > i {
1200	font-style: normal;
1201	float: right;
1202	padding: 3px;
1203	font-size: 11px;
1204	}
1205	.rttpg-icon-main-wrapper .rttpg-icon-list-inner > i.fa-times:hover {
1206	color: red;
1207	}
1208	/!**********************************************************************************************************************************************************************************************************************************************************!\
1209	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/typography.scss *!
1210	\************************************************************************************************************************************************************************************************************************************************************/
1211	.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap,
1212	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap {
1213	display: flex;
1214	align-items: center;
1215	justify-content: space-between;
1216	}
1217	.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button,
1218	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button {
1219	font-size: var(--rttpg-admin-text-base, 14px);
1220	height: 28px !important;
1221	width: 28px !important;
1222	padding: 0;
1223	display: inline-flex;
1224	align-items: center;
1225	justify-content: center;
1226	border: 1px solid #d5dadf;
1227	background: transparent;
1228	border-radius: 3px;
1229	color: var(--rttpg-admin-color-primary, #0066ff);
1230	}
1231	.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button > span,
1232	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button > span {
1233	transition: unset;
1234	line-height: 1;
1235	height: 22px;
1236	}
1237	.rttpg-components-popover .rttpg-control-field.rttpg-cf-typography-wrap .components-button:hover,
1238	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-typography-wrap .components-button:hover {
1239	color: var(--rttpg-admin-color-white, #fff);
1240	background-color: var(--rttpg-admin-color-primary, #0066ff);
1241	}
1242	.rttpg-components-popover .rttpg-typography-content,
1243	.rttpg-panel-control-wrapper .rttpg-typography-content {
1244	min-width: 230px;
1245	padding: 5px 6px;
1246	}
1247	/!*****************************************************************************************************************************************************************************************************************************************************!\
1248	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/color.scss *!
1249	\*******************************************************************************************************************************************************************************************************************************************************/
1250	.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap,
1251	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap {
1252	display: flex;
1253	align-items: center;
1254	gap: 15px;
1255	justify-content: space-between;
1256	}
1257	.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color,
1258	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color {
1259	display: flex;
1260	align-items: center;
1261	gap: 6px;
1262	flex-direction: row-reverse;
1263	}
1264	.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color .rttpg-undo-btn,
1265	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color .rttpg-undo-btn {
1266	padding: 0;
1267	}
1268	.rttpg-components-popover .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color-ball,
1269	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-color-wrap .rttpg-color-ball {
1270	background-image: linear-gradient(45deg, #e9e9e9 25%, transparent 0), linear-gradient(-45deg, #e9e9e9 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e9e9e9 0), linear-gradient(-45deg, transparent 75%, #e9e9e9 0);
1271	background-position: 0 0, 0 5px, 5px -5px, -5px 0;
1272	background-size: 10px 10px;
1273	border-radius: 50%;
1274	overflow: hidden;
1275	}
1276	/!*********************************************************************************************************************************************************************************************************************************************************!\
1277	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/dimension.scss *!
1278	\***********************************************************************************************************************************************************************************************************************************************************/
1279	.rttpg-components-popover .rttpg-control-dimensions,
1280	.rttpg-panel-control-wrapper .rttpg-control-dimensions {
1281	overflow: hidden;
1282	display: flex;
1283	}
1284	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension:first-child input,
1285	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension:first-child input {
1286	border-left: 1px solid var(--rttpg-admin-color-border);
1287	border-radius: 3px 0 0 3px;
1288	}
1289	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input,
1290	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input {
1291	border-left: none;
1292	border-radius: 0;
1293	padding: 4px 0;
1294	display: block;
1295	text-align: center;
1296	width: 100%;
1297	height: 27px;
1298	border-color: var(--rttpg-admin-color-border);
1299	}
1300	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:active, .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:focus, .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension input:hover,
1301	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:active,
1302	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:focus,
1303	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension input:hover {
1304	box-shadow: none;
1305	outline: 0;
1306	}
1307	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions,
1308	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions {
1309	width: 40px;
1310	height: 30px;
1311	cursor: pointer;
1312	font-size: 15px;
1313	border-radius: 0 3px 3px 0;
1314	border: 1px solid var(--rttpg-admin-color-border);
1315	display: inline-flex;
1316	align-items: center;
1317	justify-content: center;
1318	}
1319	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions.linked,
1320	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions.linked {
1321	background-color: var(--rttpg-admin-color-primary);
1322	color: #ffffff;
1323	border-color: var(--rttpg-admin-color-primary);
1324	}
1325	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions .rt-dm-link-icon,
1326	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions .rt-dm-link-icon {
1327	font-size: 15px;
1328	width: auto;
1329	height: auto;
1330	display: inline-flex;
1331	align-items: center;
1332	line-height: 1;
1333	}
1334	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus, .rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus-visible,
1335	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus,
1336	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension .rttpg-link-dimensions:focus-visible {
1337	outline: 0;
1338	box-shadow: none;
1339	}
1340	.rttpg-components-popover .rttpg-control-dimensions .rttpg-control-dimension-label,
1341	.rttpg-panel-control-wrapper .rttpg-control-dimensions .rttpg-control-dimension-label {
1342	display: block;
1343	text-align: center;
1344	font-size: 9px;
1345	text-transform: uppercase;
1346	padding-top: 5px;
1347	}
1348	/!********************************************************************************************************************************************************************************************************************************************************!\
1349	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/gradient.scss *!
1350	\**********************************************************************************************************************************************************************************************************************************************************/
1351	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-color,
1352	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-color {
1353	row-gap: 0;
1354	}
1355	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap,
1356	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap {
1357	--row-gap: 12px;
1358	}
1359	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__swatches,
1360	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__swatches {
1361	gap: 8px;
1362	}
1363	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper,
1364	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper {
1365	height: 22px;
1366	width: 22px;
1367	}
1368	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:hover,
1369	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper:hover {
1370	transform: scale(1);
1371	}
1372	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper::before,
1373	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper::before {
1374	display: none;
1375	}
1376	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper > svg,
1377	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option-wrapper > svg {
1378	display: none;
1379	}
1380	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option,
1381	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option {
1382	position: relative;
1383	padding: 5px;
1384	}
1385	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option::after,
1386	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option::after {
1387	display: none;
1388	}
1389	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:hover,
1390	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed,
1391	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option:hover {
1392	box-shadow: none !important;
1393	}
1394	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed::before,
1395	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__option.is-pressed::before {
1396	content: "";
1397	position: absolute;
1398	left: 50%;
1399	top: 50%;
1400	transform: translate(-50%, -50%);
1401	width: 16px;
1402	height: 16px;
1403	background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27 width=%271em%27 height=%271em%27 fill=%27%23ffffff%27 %3E%3Cpath d=%27M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z%27/%3E%3C/svg%3E") !important;
1404	pointer-events: none;
1405	}
1406	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper,
1407	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper {
1408	margin-top: 6px;
1409	}
1410	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button,
1411	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button {
1412	font-size: var(--rttpg-admin-text-xs, 12px);
1413	padding: 5px 10px;
1414	display: inline-flex;
1415	align-items: center;
1416	justify-content: center;
1417	border: none;
1418	box-shadow: none;
1419	color: var(--rttpg-admin-color-black, #000);
1420	background-color: #e0e0e0;
1421	}
1422	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:hover,
1423	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:hover {
1424	color: var(--rttpg-admin-color-white, #fff);
1425	background-color: var(--rttpg-admin-color-primary, #0066ff);
1426	}
1427	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:focus,
1428	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-circular-option-picker__custom-clear-wrapper .components-button:focus {
1429	outline: 0;
1430	box-shadow: none;
1431	}
1432	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker > div:nth-of-type(2) > div:nth-of-type(2) > div,
1433	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker > div:nth-of-type(2) > div:nth-of-type(2) > div {
1434	position: relative !important;
1435	top: 6.5px !important;
1436	}
1437	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__gradient-bar,
1438	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__gradient-bar {
1439	height: 36px;
1440	border-radius: 4px;
1441	}
1442	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__markers-container,
1443	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__markers-container {
1444	height: 100%;
1445	}
1446	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button,
1447	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point,
1448	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button {
1449	color: #fff;
1450	border-radius: 50%;
1451	transform: translateY(-50%);
1452	top: 50%;
1453	background: transparent;
1454	border: 2.5px solid #ffffff;
1455	box-shadow: none;
1456	}
1457	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:focus, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:focus,
1458	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover,
1459	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:focus,
1460	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,
1461	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:focus {
1462	box-shadow: none;
1463	outline: 0;
1464	}
1465	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover, .rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover,
1466	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point:hover,
1467	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__control-point-button:hover {
1468	background: transparent;
1469	}
1470	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point,
1471	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__insert-point {
1472	top: 11px;
1473	}
1474	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-select-control__input,
1475	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-textarea-control__input,
1476	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__input,
1477	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-select-control__input,
1478	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-textarea-control__input,
1479	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__input {
1480	height: 34px !important;
1481	min-height: 34px !important;
1482	}
1483	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__backdrop,
1484	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-input-control__backdrop {
1485	display: none !important;
1486	}
1487	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle,
1488	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle {
1489	border: 1px solid var(--rttpg-admin-color-border);
1490	}
1491	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle-indicator,
1492	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker .components-angle-picker-control__angle-circle-indicator {
1493	background: var(--rttpg-admin-color-primary, #0066ff);
1494	border-radius: 50%;
1495	border-color: var(--rttpg-admin-color-primary, #0066ff);
1496	}
1497	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line,
1498	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line {
1499	margin-bottom: 6px;
1500	}
1501	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-input-control__label,
1502	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-input-control__label {
1503	text-transform: capitalize;
1504	padding-bottom: 8px !important;
1505	margin-bottom: 0 !important;
1506	}
1507	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type,
1508	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type {
1509	align-self: baseline;
1510	}
1511	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container,
1512	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container {
1513	height: 34px !important;
1514	border: 1px solid var(--rttpg-admin-color-border);
1515	}
1516	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-truncate,
1517	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-truncate {
1518	color: var(--rttpg-admin-color-primary, #0066ff) !important;
1519	}
1520	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-input-control__input,
1521	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container .components-input-control__input {
1522	border: none !important;
1523	height: 31.5px !important;
1524	min-height: 31.5px !important;
1525	padding-right: 0 !important;
1526	padding-left: 6px !important;
1527	padding-top: 3px !important;
1528	padding-bottom: 3px !important;
1529	}
1530	.rttpg-components-popover .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container:focus,
1531	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type .components-input-control__container:focus {
1532	outline: 0;
1533	box-shadow: none;
1534	border-color: var(--rttpg-admin-color-primary, #0066ff);
1535	}
1536	/!**********************************************************************************************************************************************************************************************************************************************************!\
1537	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/SelectObj1.scss *!
1538	\************************************************************************************************************************************************************************************************************************************************************/
1539	.rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property,
1540	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property {
1541	display: flex;
1542	justify-content: space-between;
1543	margin-bottom: 0 !important;
1544	}
1545	.rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property select,
1546	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property select {
1547	width: 130px;
1548	padding-top: 3px;
1549	padding-bottom: 3px;
1550	min-height: 30px !important;
1551	height: 30px !important;
1552	}
1553	.rttpg-components-popover .rttpg-control-field.rttpg-cf-bg-property .rttpg-cf-body > *,
1554	.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-bg-property .rttpg-cf-body > * {
1555	margin-bottom: 0 !important;
1556	}
1557	/!*******************************************************************************************************************************************************************************************************************************************************!\
1558	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/bgImage.scss *!
1559	\*********************************************************************************************************************************************************************************************************************************************************/
1560	.rttpg-components-popover .rttpg-bg-img .components-base-control__field,
1561	.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control__field {
1562	display: grid;
1563	gap: 6px;
1564	}
1565	.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-img-remove-btn,
1566	.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-image-avatar,
1567	.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-img-remove-btn,
1568	.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-image-avatar {
1569	margin-bottom: 0;
1570	}
1571	.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-img-remove-btn .open-image-button,
1572	.rttpg-components-popover .rttpg-bg-img .components-base-control .rttpg-image-avatar .open-image-button,
1573	.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-img-remove-btn .open-image-button,
1574	.rttpg-panel-control-wrapper .rttpg-bg-img .components-base-control .rttpg-image-avatar .open-image-button {
1575	position: absolute;
1576	top: 0;
1577	left: 0;
1578	bottom: 0;
1579	right: 0;
1580	width: 100%;
1581	height: 100%;
1582	background: transparent;
1583	border: none;
1584	cursor: pointer;
1585	}
1586	/!**********************************************************************************************************************************************************************************************************************************************************!\
1587	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/background.scss *!
1588	\************************************************************************************************************************************************************************************************************************************************************/
1589
1590	/!*********************************************************************************************************************************************************************************************************************************************************!\
1591	!* css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scss/boxshadow.scss *!
1592	\***********************************************************************************************************************************************************************************************************************************************************/
1593	.rttpg-components-popover .rttpg-boxshadow-content,
1594	.rttpg-panel-control-wrapper .rttpg-boxshadow-content {
1595	min-width: 220px;
1596	}
1597
1598	/# sourceMappingURL=main.css.map/