menu.scss — Everest Forms – Contact Form, Payment Form, Quiz, Survey & Custom Form Builder with AI 3.5.2

everest-forms / assets / css / menu.scss

everest-forms / assets / css Last commit date

bourbon 1 year ago code-mirror 1 year ago components 4 weeks ago jquery-confirm 8 years ago jquery-ui 8 years ago mixins 5 years ago perfect-scrollbar 7 years ago utility 5 years ago variables 1 year ago _animation.scss 6 years ago _backbone.scss 6 years ago _clearings.scss 6 years ago _colors.scss 5 years ago _confirm.scss 2 months ago _containers.scss 5 years ago _fonts.scss 5 years ago _grid.scss 4 months ago _sprite.scss 2 years ago _variables.scss 1 year ago activation-rtl.css 1 year ago activation.css 5 months ago activation.css.map 5 years ago activation.scss 3 years ago admin-rtl.css 4 weeks ago admin.css 4 weeks ago admin.css.map 4 years ago admin.scss 4 weeks ago customize-admin-rtl.css 4 weeks ago customize-admin.css 4 weeks ago customize-admin.scss 4 weeks ago customize-controls-rtl.css 4 months ago customize-controls.css 4 months ago customize-controls.scss 4 months ago deactivation-feedback-rtl.css 1 year ago deactivation-feedback.css 5 months ago deactivation-feedback.scss 3 years ago everest-forms-default-frontend-rtl.css 2 months ago everest-forms-default-frontend.css 2 months ago everest-forms-default-frontend.scss 2 months ago everest-forms-rtl.css 2 months ago everest-forms.css 2 months ago everest-forms.css.map 4 years ago everest-forms.scss 2 months ago evf-form-preview-rtl.css 2 months ago evf-form-preview.css 2 months ago evf-form-preview.scss 2 months ago evf-locked-fields-rtl.css 4 weeks ago evf-locked-fields.css 4 weeks ago evf-locked-fields.scss 4 weeks ago flatpickr-rtl.css 4 years ago flatpickr.css 5 months ago flatpickr.css.map 5 years ago flatpickr.scss 6 years ago intlTelInput-rtl.css 1 year ago intlTelInput.css 5 months ago intlTelInput.scss 2 years ago menu-rtl.css 4 weeks ago menu.css 4 weeks ago menu.css.map 5 years ago menu.scss 4 weeks ago select2-rtl.css 4 years ago select2.css 5 months ago select2.css.map 5 years ago select2.scss 2 years ago

menu.scss

574 lines

1	/**
2	* menu.scss
3	* Styles applied to dashboard menu items added via EverestForms.
4	* Adds icons to top level menu items, etc.
5	*/
6
7	/**
8	* Imports
9	*/
10	@import 'mixins/mixins';
11	@import 'variables/variables';
12	@import 'fonts';
13
14	/**
15	* Styling begins.
16	*/
17	#evf-modal-wrap {
18	display: none;
19	background-color: #fff;
20	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
21	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
22	width: 500px;
23	height: 250px;
24	overflow: hidden;
25	margin-left: -250px;
26	margin-top: -125px;
27	position: fixed;
28	top: 50%;
29	left: 50%;
30	z-index: 100105;
31	-webkit-transition: height 0.2s, margin-top 0.2s;
32	transition: height 0.2s, margin-top 0.2s;
33
34	#evf-modal {
35	height: 100%;
36	position: relative;
37
38	#evf-modal-title {
39	background: #fcfcfc;
40	border-bottom: 1px solid #dfdfdf;
41	height: 36px;
42	font-size: 18px;
43	font-weight: 600;
44	line-height: 36px;
45	padding: 0 36px 0 16px;
46	top: 0;
47	right: 0;
48	left: 0;
49	}
50
51	#evf-modal-close {
52	color: #666;
53	padding: 0;
54	position: absolute;
55	top: 0;
56	right: 0;
57	width: 36px;
58	height: 36px;
59	text-align: center;
60	background: 0 0;
61	border: none;
62	cursor: pointer;
63
64	&:hover,
65	&:focus {
66	color: #2ea2cc;
67	}
68
69	&:focus {
70	outline: 0;
71	box-shadow: 0 0 0 1px #5b9dd9,
72	0 0 2px 1px rgba(30, 140, 190, 0.8);
73	}
74
75	&::before {
76	content: '\f158';
77	font: normal 20px/36px dashicons;
78	vertical-align: top;
79	speak: none;
80	width: 36px;
81	height: 36px;
82	}
83	}
84
85	#evf-modal-inner {
86	padding: 0 16px 50px;
87
88	#evf-modal-notice {
89	padding: 10px;
90	color: #31708f;
91	background-color: #d9edf7;
92	border: 1px solid #bce8f1;
93	}
94
95	#evf-modal-options {
96	padding: 8px 0 12px;
97
98	.evf-modal-inline {
99	margin: 0;
100	padding: 0 20px 0 0;
101	display: inline-block;
102	}
103
104	#evf-modal-select-form {
105	max-width: 100%;
106	margin-bottom: 1em;
107	}
108	}
109	}
110
111	.submitbox {
112	padding: 8px 16px;
113	background: #fcfcfc;
114	border-top: 1px solid #dfdfdf;
115	position: absolute;
116	bottom: 0;
117	left: 0;
118	right: 0;
119
120	#evf-modal-cancel {
121	float: left;
122	line-height: 25px;
123	}
124
125	#evf-modal-update {
126	float: right;
127	line-height: 23px;
128
129	#evf-modal-submit {
130	float: right;
131	margin-bottom: 0;
132	}
133	}
134	}
135	}
136	}
137
138	#evf-modal-backdrop {
139	display: none;
140	position: fixed;
141	top: 0;
142	left: 0;
143	right: 0;
144	bottom: 0;
145	min-height: 360px;
146	background: #000;
147	opacity: 0.7;
148	filter: alpha(opacity=70);
149	z-index: 100100;
150	}
151
152	@media screen and (max-width: 782px) {
153	#evf-modal-wrap {
154	height: 280px;
155	margin-top: -140px;
156	}
157
158	#evf-modal-inner {
159	padding: 0 16px 60px;
160	}
161
162	#evf-modal-cancel {
163	line-height: 32px;
164	}
165	}
166
167	@media screen and (max-width: 520px) {
168	#evf-modal-wrap {
169	width: auto;
170	margin-left: 0;
171	left: 10px;
172	right: 10px;
173	max-width: 500px;
174	}
175	}
176
177	@media screen and (max-height: 520px) {
178	#evf-modal-wrap {
179	-webkit-transition: none;
180	transition: none;
181	}
182	}
183
184	@media screen and (max-height: 290px) {
185	#evf-modal-wrap {
186	height: auto;
187	margin-top: 0;
188	top: 10px;
189	bottom: 10px;
190	}
191
192	#evf-modal-inner {
193	overflow: auto;
194	height: -webkit-calc(100% - 92px);
195	height: calc(100% - 92px);
196	padding-bottom: 2px;
197	}
198	}
199
200	#toplevel_page_everest-forms ul li {
201	&:not(.is-sub-menu) {
202	a[href="admin.php?page=evf-builder"]="admin.php?page=evf-builder""] {
203	border-top: 1px solid hsla(0, 0%, 100%, 0.2);
204	margin-top: 5px;
205	padding-top: 8px;
206	}
207
208	a[href="admin.php?page=evf-entries"]="admin.php?page=evf-entries""] {
209	border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
210	margin-bottom: 5px;
211	padding-bottom: 8px;
212	}
213
214	a[href="admin.php?page=evf-settings"]="admin.php?page=evf-settings""] {
215	border-top: 1px solid hsla(0, 0%, 100%, 0.2);
216	margin-top: 5px;
217	padding-top: 8px;
218	}
219
220	/* If the previous sibling li contains the entries link, remove the top border / spacing on settings */
221	&:has(> a[href="admin.php?page=evf-entries"])+li>a[href="admin.php?page=evf-settings"]="admin.php?page=evf-settings""] {
222	border-top: none;
223	margin-top: 0;
224	padding-top: 0;
225	}
226
227	a[href="admin.php?page=evf-smart-smtp"]="admin.php?page=evf-smart-smtp""] {
228	border-top: 1px solid hsla(0, 0%, 100%, 0.2);
229	margin-top: 5px;
230	padding-top: 8px;
231	}
232
233	}
234	}
235
236	/**
237	* Fonts icons.
238	*/
239	[class^='evf-icon-']^='evf-icon-'],
240	[class=' evf-icon-']=' evf-icon-'] {
241	/* use !important to prevent issues with browser extensions that change fonts */
242	font-family: EverestForms !important;
243	speak: none;
244	font-style: normal;
245	font-weight: normal;
246	font-variant: normal;
247	text-transform: none;
248	line-height: 1;
249
250	/* Enable Ligatures ================ */
251	letter-spacing: 0;
252	-webkit-font-feature-settings: 'liga';
253	-moz-font-feature-settings: 'liga=1';
254	-moz-font-feature-settings: 'liga';
255	-ms-font-feature-settings: 'liga' 1;
256	font-feature-settings: 'liga';
257	-webkit-font-variant-ligatures: discretionary-ligatures;
258	font-variant-ligatures: discretionary-ligatures;
259
260	/* Better Font Rendering =========== */
261	-webkit-font-smoothing: antialiased;
262	-moz-osx-font-smoothing: grayscale;
263	}
264
265	.evf-icon- {
266	&captcha {
267	&::before {
268	content: "" !important;
269	display: block !important;
270	width: 24px;
271	height: 24px;
272	background-color: currentColor;
273	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.75 6c0-.69-.56-1.25-1.25-1.25h-15c-.69 0-1.25.56-1.25 1.25v12c0 .69.56 1.25 1.25 1.25h15c.69 0 1.25-.56 1.25-1.25zm1.5 12a2.75 2.75 0 0 1-2.75 2.75h-15A2.75 2.75 0 0 1 1.75 18V6A2.75 2.75 0 0 1 4.5 3.25h15A2.75 2.75 0 0 1 22.25 6z"/><path d="M10.18 11.3a.7.7 0 0 1 0 1.4h-3.5a.7.7 0 0 1 0-1.4z"/><path d="M7.73 13.75v-3.5a.7.7 0 0 1 1.4 0v3.5a.7.7 0 0 1-1.4 0m9.35-3.65a.7.7 0 0 1 0 1.4h-3a.7.7 0 0 1 0-1.4zm0 2.4a.7.7 0 0 1 0 1.4h-3a.7.7 0 0 1 0-1.4z"/></svg>');
274	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.75 6c0-.69-.56-1.25-1.25-1.25h-15c-.69 0-1.25.56-1.25 1.25v12c0 .69.56 1.25 1.25 1.25h15c.69 0 1.25-.56 1.25-1.25zm1.5 12a2.75 2.75 0 0 1-2.75 2.75h-15A2.75 2.75 0 0 1 1.75 18V6A2.75 2.75 0 0 1 4.5 3.25h15A2.75 2.75 0 0 1 22.25 6z"/><path d="M10.18 11.3a.7.7 0 0 1 0 1.4h-3.5a.7.7 0 0 1 0-1.4z"/><path d="M7.73 13.75v-3.5a.7.7 0 0 1 1.4 0v3.5a.7.7 0 0 1-1.4 0m9.35-3.65a.7.7 0 0 1 0 1.4h-3a.7.7 0 0 1 0-1.4zm0 2.4a.7.7 0 0 1 0 1.4h-3a.7.7 0 0 1 0-1.4z"/></svg>');
275	-webkit-mask-size: contain;
276	mask-size: contain;
277	-webkit-mask-repeat: no-repeat;
278	mask-repeat: no-repeat;
279	-webkit-mask-position: center;
280	mask-position: center;
281	margin: 0 auto 8px;
282	}
283	}
284
285	&password::before {
286	content: '\e911';
287	}
288
289	&email::before {
290	content: '\e914';
291	}
292
293	&map-marker::before {
294	content: '\e917';
295	}
296
297	&flag::before {
298	content: '\e915';
299	}
300
301	&first-name::before {
302	content: '\e91f';
303	}
304
305	&last-name::before {
306	content: '\e91c';
307	}
308
309	&text::before {
310	content: '\e906';
311	}
312
313	&paragraph::before {
314	content: '\e912';
315	}
316
317	&dropdown::before {
318	content: '\e921';
319	}
320
321	&checkbox::before {
322	content: '\e927';
323	}
324
325	&multiple-choices::before {
326	content: '\e919';
327	}
328
329	&multiple-choices-radio::before {
330	content: '\e919';
331	}
332
333	&number::before {
334	content: '\e918';
335	}
336
337	&website::before {
338	content: '\e903';
339	}
340
341	&calendar::before {
342	content: '\e916';
343	}
344
345	&single-item::before {
346	content: '\e907';
347	}
348
349	&file-upload::before {
350	content: '\e920';
351	}
352
353	&hidden::before {
354	content: '\e91e';
355	}
356
357	&phone::before {
358	content: '\e900';
359	}
360
361	&custom-html::before {
362	content: '\e923';
363	}
364
365	&section-divider::before {
366	content: '\e908';
367	}
368
369	&payment::before {
370	content: '\e924';
371	}
372
373	&credit-card {
374	&::before {
375	content: "" !important;
376	display: block !important;
377	width: 24px;
378	height: 24px;
379	background-color: currentColor;
380	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.25 7c0-.69-.56-1.25-1.25-1.25H4c-.69 0-1.25.56-1.25 1.25v10c0 .69.56 1.25 1.25 1.25h16c.69 0 1.25-.56 1.25-1.25zm1.5 10A2.75 2.75 0 0 1 20 19.75H4A2.75 2.75 0 0 1 1.25 17V7A2.75 2.75 0 0 1 4 4.25h16A2.75 2.75 0 0 1 22.75 7z"/><path d="M22 9.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5z"/></svg>');
381	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.25 7c0-.69-.56-1.25-1.25-1.25H4c-.69 0-1.25.56-1.25 1.25v10c0 .69.56 1.25 1.25 1.25h16c.69 0 1.25-.56 1.25-1.25zm1.5 10A2.75 2.75 0 0 1 20 19.75H4A2.75 2.75 0 0 1 1.25 17V7A2.75 2.75 0 0 1 4 4.25h16A2.75 2.75 0 0 1 22.75 7z"/><path d="M22 9.25a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1 0-1.5z"/></svg>');
382	-webkit-mask-size: contain;
383	mask-size: contain;
384	-webkit-mask-repeat: no-repeat;
385	mask-repeat: no-repeat;
386	-webkit-mask-position: center;
387	mask-position: center;
388	margin: 0 auto 8px;
389	}
390	}
391
392	&payment-summary {
393	&::before {
394	content: "" !important;
395	display: block !important;
396	width: 24px;
397	height: 24px;
398	background-color: #6b6b6b;
399	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M20.25 4.223a1.46 1.46 0 0 0-.436-1.038 1.51 1.51 0 0 0-1.064-.435H5.25c-.4 0-.783.158-1.063.435a1.46 1.46 0 0 0-.437 1.038v15.554c0 .388.156.762.437 1.038.28.277.662.435 1.063.435h13.5c.4 0 .783-.158 1.064-.435.28-.276.436-.65.436-1.038zm1.5 15.554a2.96 2.96 0 0 1-.882 2.106 3.01 3.01 0 0 1-2.118.867H5.25c-.793 0-1.555-.31-2.118-.867a2.96 2.96 0 0 1-.882-2.106V4.223c0-.792.318-1.55.882-2.106A3.02 3.02 0 0 1 5.25 1.25h13.5c.793 0 1.555.31 2.118.867a2.96 2.96 0 0 1 .882 2.106z"/><path fill="black" d="M18 6.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5zM18 9.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5zM18 14.25a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5zM18 17.45a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1 0-1.5zM8.75 9.844a.47.47 0 0 0-.469-.469h-.156v.938h.156a.47.47 0 0 0 .469-.47m1.25 0a1.72 1.72 0 0 1-1.719 1.719h-.156v.312a.625.625 0 1 1-1.25 0v-.312h-1.25a.625.625 0 1 1 0-1.25h1.25v-.938h-.156a1.72 1.72 0 1 1 0-3.437h.156v-.313a.625.625 0 1 1 1.25 0v.313h.938a.625.625 0 1 1 0 1.25h-.938v.937h.156A1.72 1.72 0 0 1 10 9.844M6.25 7.656a.47.47 0 0 0 .469.469h.156v-.937h-.156a.47.47 0 0 0-.469.468"/></svg>');
400	-webkit-mask-size: contain;
401	mask-size: contain;
402	-webkit-mask-repeat: no-repeat;
403	mask-repeat: no-repeat;
404	-webkit-mask-position: center;
405	mask-position: center;
406	margin: 0 auto 8px;
407	}
408	}
409
410	&total::before {
411	content: '\e904';
412	}
413
414	&subtotal::before {
415	content: '\e904';
416	}
417
418	&img-upload::before {
419	content: '\e91d';
420	}
421
422	&star::before {
423	content: '\e90c';
424	}
425
426	&likert::before {
427	content: '\e91b';
428	}
429
430	&scale-rating::before {
431	content: '\e909';
432	}
433
434	&signature::before {
435	content: '\e913';
436	}
437
438	&privacy-policy::before {
439	content: '\e910';
440	}
441
442	&repeater::before {
443	content: '\e90b';
444	}
445
446	&range-slider::before {
447	content: '\e90d';
448	}
449
450	&divider::before {
451	content: '\e922';
452	}
453
454	&wysiwyg::before {
455	content: '\e902';
456	}
457
458	&eye::before {
459	content: '\e903';
460	}
461
462	&coupon::before {
463	content: '\e925';
464	}
465
466	&yes-no::before {
467	content: '\e901';
468	}
469
470	&reset::before {
471	content: '\e90a';
472	}
473
474	&progress {
475	&::before {
476	content: "" !important;
477	display: block !important;
478	width: 24px;
479	height: 24px;
480	background-color: currentColor;
481	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.436 19.833c-.26.446-.11 1.023.358 1.24a10.001 10.001 0 1 0 3.53-19.05c-.515.035-.86.52-.778 1.029.083.509.563.849 1.078.825A8.131 8.131 0 1 1 8.74 19.45c-.473-.207-1.043-.061-1.303.384"/><path d="M11.324 2.023a10 10 0 0 1 10.508 11.799l-.059.294a10 10 0 0 1-5.604 6.974l-.275.12a10 10 0 0 1-4.08.788l-.301-.01a10 10 0 0 1-3.719-.915c-.468-.217-.617-.794-.358-1.24.26-.445.83-.59 1.303-.384a8.13 8.13 0 0 0 6.201.132l.45-.19a8.1 8.1 0 0 0 2.712-2.017l.312-.376a8.13 8.13 0 0 0 1.493-6.896l-.128-.47a8.1 8.1 0 0 0-1.636-2.96l-.33-.358a8.13 8.13 0 0 0-6.189-2.437h-.096c-.446-.018-.847-.305-.962-.732l-.02-.093c-.083-.51.263-.994.778-1.03M2.938 12.277c-.516.016-.925.448-.862.96a10 10 0 0 0 3.68 6.575c.404.322.986.198 1.27-.233.283-.431.158-1.006-.238-1.337a8.13 8.13 0 0 1-2.834-5.064c-.075-.51-.5-.917-1.016-.901"/><path d="M2.938 12.277c.516-.016.941.39 1.016.901a8.13 8.13 0 0 0 2.834 5.064c.396.33.52.906.237 1.337s-.865.555-1.268.233a10 10 0 0 1-3.609-6.098l-.072-.478c-.063-.511.346-.943.862-.96m3.033-7.047c-.343-.385-.937-.422-1.289-.045a10 10 0 0 0-2.619 5.693c-.058.512.357.94.873.95s.936-.402 1.005-.914a8.13 8.13 0 0 1 1.991-4.326c.343-.385.382-.973.04-1.358"/><path d="M4.682 5.184c.352-.377.946-.34 1.29.045.342.385.303.973-.04 1.358l-.197.228a8 8 0 0 0-1.122 1.786l-.122.278a8 8 0 0 0-.55 2.034c-.069.512-.49.923-1.005.914-.516-.01-.93-.437-.873-.95a10 10 0 0 1 .693-2.69l.16-.367a10 10 0 0 1 1.766-2.636m5.289-2.02c-.115-.503-.618-.821-1.108-.66A10 10 0 0 0 6.53 3.629c-.432.282-.497.874-.176 1.278.322.403.907.465 1.345.192a8 8 0 0 1 1.584-.763c.486-.172.803-.668.687-1.17"/><path d="M8.863 2.505c.49-.162.993.156 1.108.66.116.502-.2.998-.687 1.17l-.411.16a8 8 0 0 0-1.173.603l-.084.047c-.426.217-.96.14-1.26-.24-.322-.403-.257-.995.175-1.277a10 10 0 0 1 2.332-1.123M15.47 9.47a.75.75 0 1 1 1.06 1.06l-4.667 4.667a.75.75 0 0 1-1.06 0L8.47 12.863a.75.75 0 0 1 1.06-1.06l1.803 1.802z"/></svg>');
482	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7.436 19.833c-.26.446-.11 1.023.358 1.24a10.001 10.001 0 1 0 3.53-19.05c-.515.035-.86.52-.778 1.029.083.509.563.849 1.078.825A8.131 8.131 0 1 1 8.74 19.45c-.473-.207-1.043-.061-1.303.384"/><path d="M11.324 2.023a10 10 0 0 1 10.508 11.799l-.059.294a10 10 0 0 1-5.604 6.974l-.275.12a10 10 0 0 1-4.08.788l-.301-.01a10 10 0 0 1-3.719-.915c-.468-.217-.617-.794-.358-1.24.26-.445.83-.59 1.303-.384a8.13 8.13 0 0 0 6.201.132l.45-.19a8.1 8.1 0 0 0 2.712-2.017l.312-.376a8.13 8.13 0 0 0 1.493-6.896l-.128-.47a8.1 8.1 0 0 0-1.636-2.96l-.33-.358a8.13 8.13 0 0 0-6.189-2.437h-.096c-.446-.018-.847-.305-.962-.732l-.02-.093c-.083-.51.263-.994.778-1.03M2.938 12.277c-.516.016-.925.448-.862.96a10 10 0 0 0 3.68 6.575c.404.322.986.198 1.27-.233.283-.431.158-1.006-.238-1.337a8.13 8.13 0 0 1-2.834-5.064c-.075-.51-.5-.917-1.016-.901"/><path d="M2.938 12.277c.516-.016.941.39 1.016.901a8.13 8.13 0 0 0 2.834 5.064c.396.33.52.906.237 1.337s-.865.555-1.268.233a10 10 0 0 1-3.609-6.098l-.072-.478c-.063-.511.346-.943.862-.96m3.033-7.047c-.343-.385-.937-.422-1.289-.045a10 10 0 0 0-2.619 5.693c-.058.512.357.94.873.95s.936-.402 1.005-.914a8.13 8.13 0 0 1 1.991-4.326c.343-.385.382-.973.04-1.358"/><path d="M4.682 5.184c.352-.377.946-.34 1.29.045.342.385.303.973-.04 1.358l-.197.228a8 8 0 0 0-1.122 1.786l-.122.278a8 8 0 0 0-.55 2.034c-.069.512-.49.923-1.005.914-.516-.01-.93-.437-.873-.95a10 10 0 0 1 .693-2.69l.16-.367a10 10 0 0 1 1.766-2.636m5.289-2.02c-.115-.503-.618-.821-1.108-.66A10 10 0 0 0 6.53 3.629c-.432.282-.497.874-.176 1.278.322.403.907.465 1.345.192a8 8 0 0 1 1.584-.763c.486-.172.803-.668.687-1.17"/><path d="M8.863 2.505c.49-.162.993.156 1.108.66.116.502-.2.998-.687 1.17l-.411.16a8 8 0 0 0-1.173.603l-.084.047c-.426.217-.96.14-1.26-.24-.322-.403-.257-.995.175-1.277a10 10 0 0 1 2.332-1.123M15.47 9.47a.75.75 0 1 1 1.06 1.06l-4.667 4.667a.75.75 0 0 1-1.06 0L8.47 12.863a.75.75 0 0 1 1.06-1.06l1.803 1.802z"/></svg>');
483	-webkit-mask-size: contain;
484	mask-size: contain;
485	-webkit-mask-repeat: no-repeat;
486	mask-repeat: no-repeat;
487	-webkit-mask-position: center;
488	mask-position: center;
489	margin: 0 auto 8px;
490	}
491	}
492
493	&color::before {
494	content: '\e926';
495	}
496
497	&ai::before {
498	content: '\e913';
499	}
500
501	&lookup::before {
502	content: '\e91a';
503	}
504
505	&hcaptcha {
506	&::before {
507	content: "" !important;
508	display: block !important;
509	width: 24px;
510	height: 24px;
511	background-color: currentColor;
512	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.25 6a.25.25 0 0 0-.25-.25c-2.24 0-4.895-1.3-6.727-2.9a.42.42 0 0 0-.546 0C9.907 4.44 7.24 5.75 5 5.75a.25.25 0 0 0-.25.25v7c0 2.301.797 3.99 2.058 5.28 1.12 1.15 2.636 2.01 4.357 2.676l.75.275.017.006a.25.25 0 0 0 .165.003c2.024-.706 3.817-1.644 5.096-2.957 1.26-1.293 2.057-2.982 2.057-5.284zm1.5 7c0 2.698-.954 4.76-2.483 6.33-1.51 1.548-3.547 2.584-5.68 3.328l-.006.003a1.75 1.75 0 0 1-1.156-.013c-2.14-.739-4.18-1.772-5.69-3.32C4.202 17.76 3.25 15.699 3.25 13V6A1.75 1.75 0 0 1 5 4.25c1.757 0 4.088-1.087 5.746-2.535l.007-.006a1.92 1.92 0 0 1 2.36-.104l.134.104.007.006C14.92 3.173 17.242 4.25 19 4.25A1.75 1.75 0 0 1 20.75 6z"/><path d="M13.393 15v-2.25h-2.786V15a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 1.5 0v2.25h2.786V9a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0"/></svg>');
513	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.25 6a.25.25 0 0 0-.25-.25c-2.24 0-4.895-1.3-6.727-2.9a.42.42 0 0 0-.546 0C9.907 4.44 7.24 5.75 5 5.75a.25.25 0 0 0-.25.25v7c0 2.301.797 3.99 2.058 5.28 1.12 1.15 2.636 2.01 4.357 2.676l.75.275.017.006a.25.25 0 0 0 .165.003c2.024-.706 3.817-1.644 5.096-2.957 1.26-1.293 2.057-2.982 2.057-5.284zm1.5 7c0 2.698-.954 4.76-2.483 6.33-1.51 1.548-3.547 2.584-5.68 3.328l-.006.003a1.75 1.75 0 0 1-1.156-.013c-2.14-.739-4.18-1.772-5.69-3.32C4.202 17.76 3.25 15.699 3.25 13V6A1.75 1.75 0 0 1 5 4.25c1.757 0 4.088-1.087 5.746-2.535l.007-.006a1.92 1.92 0 0 1 2.36-.104l.134.104.007.006C14.92 3.173 17.242 4.25 19 4.25A1.75 1.75 0 0 1 20.75 6z"/><path d="M13.393 15v-2.25h-2.786V15a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 1.5 0v2.25h2.786V9a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0"/></svg>');
514	-webkit-mask-size: contain;
515	mask-size: contain;
516	-webkit-mask-repeat: no-repeat;
517	mask-repeat: no-repeat;
518	-webkit-mask-position: center;
519	mask-position: center;
520	margin: 0 auto 8px;
521	}
522	}
523
524	&recaptcha {
525	&::before {
526	content: "" !important;
527	display: block !important;
528	width: 24px;
529	height: 24px;
530	background-color: currentColor;
531	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.25 6a.25.25 0 0 0-.25-.25c-2.24 0-4.895-1.3-6.727-2.9a.42.42 0 0 0-.546 0C9.907 4.44 7.24 5.75 5 5.75a.25.25 0 0 0-.25.25v7c0 2.301.797 3.99 2.058 5.28 1.12 1.15 2.636 2.01 4.357 2.676l.75.275.017.006a.25.25 0 0 0 .165.003c2.024-.706 3.817-1.644 5.096-2.957 1.26-1.293 2.057-2.982 2.057-5.284zm1.5 7c0 2.698-.954 4.76-2.483 6.33-1.51 1.548-3.547 2.584-5.68 3.328l-.006.003a1.75 1.75 0 0 1-1.156-.013c-2.14-.739-4.18-1.772-5.69-3.32C4.202 17.76 3.25 15.699 3.25 13V6A1.75 1.75 0 0 1 5 4.25c1.757 0 4.088-1.087 5.746-2.535l.007-.006a1.92 1.92 0 0 1 2.36-.104l.134.104.007.006C14.92 3.173 17.242 4.25 19 4.25A1.75 1.75 0 0 1 20.75 6z"/><path d="M14.47 9.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L11 12.94z"/></svg>');
532	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.25 6a.25.25 0 0 0-.25-.25c-2.24 0-4.895-1.3-6.727-2.9a.42.42 0 0 0-.546 0C9.907 4.44 7.24 5.75 5 5.75a.25.25 0 0 0-.25.25v7c0 2.301.797 3.99 2.058 5.28 1.12 1.15 2.636 2.01 4.357 2.676l.75.275.017.006a.25.25 0 0 0 .165.003c2.024-.706 3.817-1.644 5.096-2.957 1.26-1.293 2.057-2.982 2.057-5.284zm1.5 7c0 2.698-.954 4.76-2.483 6.33-1.51 1.548-3.547 2.584-5.68 3.328l-.006.003a1.75 1.75 0 0 1-1.156-.013c-2.14-.739-4.18-1.772-5.69-3.32C4.202 17.76 3.25 15.699 3.25 13V6A1.75 1.75 0 0 1 5 4.25c1.757 0 4.088-1.087 5.746-2.535l.007-.006a1.92 1.92 0 0 1 2.36-.104l.134.104.007.006C14.92 3.173 17.242 4.25 19 4.25A1.75 1.75 0 0 1 20.75 6z"/><path d="M14.47 9.47a.75.75 0 1 1 1.06 1.06l-4 4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 1 1 1.06-1.06L11 12.94z"/></svg>');
533	-webkit-mask-size: contain;
534	mask-size: contain;
535	-webkit-mask-repeat: no-repeat;
536	mask-repeat: no-repeat;
537	-webkit-mask-position: center;
538	mask-position: center;
539	margin: 0 auto 8px;
540	}
541	}
542
543	&turnstile {
544	&::before {
545	content: "" !important;
546	display: block !important;
547	width: 24px;
548	height: 24px;
549	background-color: currentColor;
550	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.25c1.684 0 3.3.67 4.49 1.86 1.081 1.081 1.612 2.774 1.733 4.245.953.166 2.047.468 2.8 1.404a5.25 5.25 0 0 1 1.149 3.642c-.084 1.258-.397 2.456-1.47 4.065a6.3 6.3 0 0 1-1.477 1.511c-.592.43-1.349.811-2.136.823H7.066c-.768-.012-1.54-.345-2.224-.833-.694-.494-1.35-1.183-1.903-1.996-.695-1.025-1.03-2.36-1.112-3.57a5.25 5.25 0 0 1 1.149-3.642c.753-.936 1.847-1.238 2.8-1.404.12-1.471.653-3.163 1.734-4.245A6.35 6.35 0 0 1 12 3.25m0 1.5a4.85 4.85 0 0 0-3.43 1.42c-.857.858-1.32 2.455-1.32 3.83a.75.75 0 0 1-.639.742c-1.174.176-1.97.341-2.466.957a3.75 3.75 0 0 0-.82 2.603c.07 1.044.357 2.093.856 2.827.466.687 1.003 1.24 1.53 1.616.538.383 1.017.55 1.378.555h9.977c.343-.005.797-.189 1.278-.537.468-.34.871-.772 1.11-1.13.926-1.39 1.155-2.334 1.222-3.331a3.75 3.75 0 0 0-.82-2.603c-.496-.616-1.293-.781-2.467-.957A.75.75 0 0 1 16.75 10c0-1.375-.464-2.972-1.321-3.83A4.85 4.85 0 0 0 12 4.75m1.927 6.266a.75.75 0 0 1 1.146.968l-3.38 4a.75.75 0 0 1-1.083.067l-1.62-1.5a.75.75 0 0 1 1.02-1.102l1.044.966z"/></svg>');
551	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 3.25c1.684 0 3.3.67 4.49 1.86 1.081 1.081 1.612 2.774 1.733 4.245.953.166 2.047.468 2.8 1.404a5.25 5.25 0 0 1 1.149 3.642c-.084 1.258-.397 2.456-1.47 4.065a6.3 6.3 0 0 1-1.477 1.511c-.592.43-1.349.811-2.136.823H7.066c-.768-.012-1.54-.345-2.224-.833-.694-.494-1.35-1.183-1.903-1.996-.695-1.025-1.03-2.36-1.112-3.57a5.25 5.25 0 0 1 1.149-3.642c.753-.936 1.847-1.238 2.8-1.404.12-1.471.653-3.163 1.734-4.245A6.35 6.35 0 0 1 12 3.25m0 1.5a4.85 4.85 0 0 0-3.43 1.42c-.857.858-1.32 2.455-1.32 3.83a.75.75 0 0 1-.639.742c-1.174.176-1.97.341-2.466.957a3.75 3.75 0 0 0-.82 2.603c.07 1.044.357 2.093.856 2.827.466.687 1.003 1.24 1.53 1.616.538.383 1.017.55 1.378.555h9.977c.343-.005.797-.189 1.278-.537.468-.34.871-.772 1.11-1.13.926-1.39 1.155-2.334 1.222-3.331a3.75 3.75 0 0 0-.82-2.603c-.496-.616-1.293-.781-2.467-.957A.75.75 0 0 1 16.75 10c0-1.375-.464-2.972-1.321-3.83A4.85 4.85 0 0 0 12 4.75m1.927 6.266a.75.75 0 0 1 1.146.968l-3.38 4a.75.75 0 0 1-1.083.067l-1.62-1.5a.75.75 0 0 1 1.02-1.102l1.044.966z"/></svg>');
552	-webkit-mask-size: contain;
553	mask-size: contain;
554	-webkit-mask-repeat: no-repeat;
555	mask-repeat: no-repeat;
556	-webkit-mask-position: center;
557	mask-position: center;
558	margin: 0 auto 8px;
559	}
560	}
561
562	&builder::before {
563	content: '\e904';
564	}
565
566	&subscription-plan::before {
567	content: '\e905';
568	}
569
570	&private-note::before {
571	content: '\e92d';
572	}
573	}
574