PluginProbe
SureForms – Contact Form Builder, AI Forms, Payment Form, Survey & Quiz / 0.0.3
SureForms – Contact Form Builder, AI Forms, Payment Form, Survey & Quiz v0.0.3
2.12.6 2.12.5 2.12.4 2.12.3 2.12.2 2.12.1 2.12.0 2.11.1 2.11.0 2.10.1 2.10.0 2.9.1 2.9.0 2.8.2 2.8.1 2.7.0 2.7.1 2.8.0 trunk 0.0.10 0.0.11 0.0.12 0.0.13 0.0.2 0.0.3 All 96 releases
sureforms / assets / build / settings.css
settings.css
611 lines 20.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 :root {
2 --toastify-color-light: #fff;
3 --toastify-color-dark: #121212;
4 --toastify-color-info: #3498db;
5 --toastify-color-success: #07bc0c;
6 --toastify-color-warning: #f1c40f;
7 --toastify-color-error: #e74c3c;
8 --toastify-color-transparent: rgba(255, 255, 255, 0.7);
9 --toastify-icon-color-info: var(--toastify-color-info);
10 --toastify-icon-color-success: var(--toastify-color-success);
11 --toastify-icon-color-warning: var(--toastify-color-warning);
12 --toastify-icon-color-error: var(--toastify-color-error);
13 --toastify-toast-width: 320px;
14 --toastify-toast-background: #fff;
15 --toastify-toast-min-height: 64px;
16 --toastify-toast-max-height: 800px;
17 --toastify-font-family: sans-serif;
18 --toastify-z-index: 9999;
19 --toastify-text-color-light: #757575;
20 --toastify-text-color-dark: #fff;
21 --toastify-text-color-info: #fff;
22 --toastify-text-color-success: #fff;
23 --toastify-text-color-warning: #fff;
24 --toastify-text-color-error: #fff;
25 --toastify-spinner-color: #616161;
26 --toastify-spinner-color-empty-area: #e0e0e0;
27 --toastify-color-progress-light: linear-gradient(
28 to right,
29 #4cd964,
30 #5ac8fa,
31 #007aff,
32 #34aadc,
33 #5856d6,
34 #ff2d55
35 );
36 --toastify-color-progress-dark: #bb86fc;
37 --toastify-color-progress-info: var(--toastify-color-info);
38 --toastify-color-progress-success: var(--toastify-color-success);
39 --toastify-color-progress-warning: var(--toastify-color-warning);
40 --toastify-color-progress-error: var(--toastify-color-error);
41 }
42
43 .Toastify__toast-container {
44 z-index: var(--toastify-z-index);
45 -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
46 position: fixed;
47 padding: 4px;
48 width: var(--toastify-toast-width);
49 box-sizing: border-box;
50 color: #fff;
51 }
52 .Toastify__toast-container--top-left {
53 top: 1em;
54 left: 1em;
55 }
56 .Toastify__toast-container--top-center {
57 top: 1em;
58 left: 50%;
59 transform: translateX(-50%);
60 }
61 .Toastify__toast-container--top-right {
62 top: 1em;
63 right: 1em;
64 }
65 .Toastify__toast-container--bottom-left {
66 bottom: 1em;
67 left: 1em;
68 }
69 .Toastify__toast-container--bottom-center {
70 bottom: 1em;
71 left: 50%;
72 transform: translateX(-50%);
73 }
74 .Toastify__toast-container--bottom-right {
75 bottom: 1em;
76 right: 1em;
77 }
78
79 @media only screen and (max-width : 480px) {
80 .Toastify__toast-container {
81 width: 100vw;
82 padding: 0;
83 left: 0;
84 margin: 0;
85 }
86 .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
87 top: 0;
88 transform: translateX(0);
89 }
90 .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
91 bottom: 0;
92 transform: translateX(0);
93 }
94 .Toastify__toast-container--rtl {
95 right: 0;
96 left: initial;
97 }
98 }
99 .Toastify__toast {
100 position: relative;
101 min-height: var(--toastify-toast-min-height);
102 box-sizing: border-box;
103 margin-bottom: 1rem;
104 padding: 8px;
105 border-radius: 4px;
106 box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
107 display: flex;
108 justify-content: space-between;
109 max-height: var(--toastify-toast-max-height);
110 overflow: hidden;
111 font-family: var(--toastify-font-family);
112 cursor: default;
113 direction: ltr;
114 /* webkit only issue #791 */
115 z-index: 0;
116 }
117 .Toastify__toast--rtl {
118 direction: rtl;
119 }
120 .Toastify__toast--close-on-click {
121 cursor: pointer;
122 }
123 .Toastify__toast-body {
124 margin: auto 0;
125 flex: 1 1 auto;
126 padding: 6px;
127 display: flex;
128 align-items: center;
129 }
130 .Toastify__toast-body > div:last-child {
131 word-break: break-word;
132 flex: 1;
133 }
134 .Toastify__toast-icon {
135 margin-inline-end: 10px;
136 width: 20px;
137 flex-shrink: 0;
138 display: flex;
139 }
140
141 .Toastify--animate {
142 animation-fill-mode: both;
143 animation-duration: 0.7s;
144 }
145
146 .Toastify--animate-icon {
147 animation-fill-mode: both;
148 animation-duration: 0.3s;
149 }
150
151 @media only screen and (max-width : 480px) {
152 .Toastify__toast {
153 margin-bottom: 0;
154 border-radius: 0;
155 }
156 }
157 .Toastify__toast-theme--dark {
158 background: var(--toastify-color-dark);
159 color: var(--toastify-text-color-dark);
160 }
161 .Toastify__toast-theme--light {
162 background: var(--toastify-color-light);
163 color: var(--toastify-text-color-light);
164 }
165 .Toastify__toast-theme--colored.Toastify__toast--default {
166 background: var(--toastify-color-light);
167 color: var(--toastify-text-color-light);
168 }
169 .Toastify__toast-theme--colored.Toastify__toast--info {
170 color: var(--toastify-text-color-info);
171 background: var(--toastify-color-info);
172 }
173 .Toastify__toast-theme--colored.Toastify__toast--success {
174 color: var(--toastify-text-color-success);
175 background: var(--toastify-color-success);
176 }
177 .Toastify__toast-theme--colored.Toastify__toast--warning {
178 color: var(--toastify-text-color-warning);
179 background: var(--toastify-color-warning);
180 }
181 .Toastify__toast-theme--colored.Toastify__toast--error {
182 color: var(--toastify-text-color-error);
183 background: var(--toastify-color-error);
184 }
185
186 .Toastify__progress-bar-theme--light {
187 background: var(--toastify-color-progress-light);
188 }
189 .Toastify__progress-bar-theme--dark {
190 background: var(--toastify-color-progress-dark);
191 }
192 .Toastify__progress-bar--info {
193 background: var(--toastify-color-progress-info);
194 }
195 .Toastify__progress-bar--success {
196 background: var(--toastify-color-progress-success);
197 }
198 .Toastify__progress-bar--warning {
199 background: var(--toastify-color-progress-warning);
200 }
201 .Toastify__progress-bar--error {
202 background: var(--toastify-color-progress-error);
203 }
204 .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
205 background: var(--toastify-color-transparent);
206 }
207
208 .Toastify__close-button {
209 color: #fff;
210 background: transparent;
211 outline: none;
212 border: none;
213 padding: 0;
214 cursor: pointer;
215 opacity: 0.7;
216 transition: 0.3s ease;
217 align-self: flex-start;
218 }
219 .Toastify__close-button--light {
220 color: #000;
221 opacity: 0.3;
222 }
223 .Toastify__close-button > svg {
224 fill: currentColor;
225 height: 16px;
226 width: 14px;
227 }
228 .Toastify__close-button:hover, .Toastify__close-button:focus {
229 opacity: 1;
230 }
231
232 @keyframes Toastify__trackProgress {
233 0% {
234 transform: scaleX(1);
235 }
236 100% {
237 transform: scaleX(0);
238 }
239 }
240 .Toastify__progress-bar {
241 position: absolute;
242 bottom: 0;
243 left: 0;
244 width: 100%;
245 height: 5px;
246 z-index: var(--toastify-z-index);
247 opacity: 0.7;
248 transform-origin: left;
249 }
250 .Toastify__progress-bar--animated {
251 animation: Toastify__trackProgress linear 1 forwards;
252 }
253 .Toastify__progress-bar--controlled {
254 transition: transform 0.2s;
255 }
256 .Toastify__progress-bar--rtl {
257 right: 0;
258 left: initial;
259 transform-origin: right;
260 }
261
262 .Toastify__spinner {
263 width: 20px;
264 height: 20px;
265 box-sizing: border-box;
266 border: 2px solid;
267 border-radius: 100%;
268 border-color: var(--toastify-spinner-color-empty-area);
269 border-right-color: var(--toastify-spinner-color);
270 animation: Toastify__spin 0.65s linear infinite;
271 }
272
273 @keyframes Toastify__bounceInRight {
274 from, 60%, 75%, 90%, to {
275 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
276 }
277 from {
278 opacity: 0;
279 transform: translate3d(3000px, 0, 0);
280 }
281 60% {
282 opacity: 1;
283 transform: translate3d(-25px, 0, 0);
284 }
285 75% {
286 transform: translate3d(10px, 0, 0);
287 }
288 90% {
289 transform: translate3d(-5px, 0, 0);
290 }
291 to {
292 transform: none;
293 }
294 }
295 @keyframes Toastify__bounceOutRight {
296 20% {
297 opacity: 1;
298 transform: translate3d(-20px, 0, 0);
299 }
300 to {
301 opacity: 0;
302 transform: translate3d(2000px, 0, 0);
303 }
304 }
305 @keyframes Toastify__bounceInLeft {
306 from, 60%, 75%, 90%, to {
307 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
308 }
309 0% {
310 opacity: 0;
311 transform: translate3d(-3000px, 0, 0);
312 }
313 60% {
314 opacity: 1;
315 transform: translate3d(25px, 0, 0);
316 }
317 75% {
318 transform: translate3d(-10px, 0, 0);
319 }
320 90% {
321 transform: translate3d(5px, 0, 0);
322 }
323 to {
324 transform: none;
325 }
326 }
327 @keyframes Toastify__bounceOutLeft {
328 20% {
329 opacity: 1;
330 transform: translate3d(20px, 0, 0);
331 }
332 to {
333 opacity: 0;
334 transform: translate3d(-2000px, 0, 0);
335 }
336 }
337 @keyframes Toastify__bounceInUp {
338 from, 60%, 75%, 90%, to {
339 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
340 }
341 from {
342 opacity: 0;
343 transform: translate3d(0, 3000px, 0);
344 }
345 60% {
346 opacity: 1;
347 transform: translate3d(0, -20px, 0);
348 }
349 75% {
350 transform: translate3d(0, 10px, 0);
351 }
352 90% {
353 transform: translate3d(0, -5px, 0);
354 }
355 to {
356 transform: translate3d(0, 0, 0);
357 }
358 }
359 @keyframes Toastify__bounceOutUp {
360 20% {
361 transform: translate3d(0, -10px, 0);
362 }
363 40%, 45% {
364 opacity: 1;
365 transform: translate3d(0, 20px, 0);
366 }
367 to {
368 opacity: 0;
369 transform: translate3d(0, -2000px, 0);
370 }
371 }
372 @keyframes Toastify__bounceInDown {
373 from, 60%, 75%, 90%, to {
374 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
375 }
376 0% {
377 opacity: 0;
378 transform: translate3d(0, -3000px, 0);
379 }
380 60% {
381 opacity: 1;
382 transform: translate3d(0, 25px, 0);
383 }
384 75% {
385 transform: translate3d(0, -10px, 0);
386 }
387 90% {
388 transform: translate3d(0, 5px, 0);
389 }
390 to {
391 transform: none;
392 }
393 }
394 @keyframes Toastify__bounceOutDown {
395 20% {
396 transform: translate3d(0, 10px, 0);
397 }
398 40%, 45% {
399 opacity: 1;
400 transform: translate3d(0, -20px, 0);
401 }
402 to {
403 opacity: 0;
404 transform: translate3d(0, 2000px, 0);
405 }
406 }
407 .Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
408 animation-name: Toastify__bounceInLeft;
409 }
410 .Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
411 animation-name: Toastify__bounceInRight;
412 }
413 .Toastify__bounce-enter--top-center {
414 animation-name: Toastify__bounceInDown;
415 }
416 .Toastify__bounce-enter--bottom-center {
417 animation-name: Toastify__bounceInUp;
418 }
419
420 .Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
421 animation-name: Toastify__bounceOutLeft;
422 }
423 .Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
424 animation-name: Toastify__bounceOutRight;
425 }
426 .Toastify__bounce-exit--top-center {
427 animation-name: Toastify__bounceOutUp;
428 }
429 .Toastify__bounce-exit--bottom-center {
430 animation-name: Toastify__bounceOutDown;
431 }
432
433 @keyframes Toastify__zoomIn {
434 from {
435 opacity: 0;
436 transform: scale3d(0.3, 0.3, 0.3);
437 }
438 50% {
439 opacity: 1;
440 }
441 }
442 @keyframes Toastify__zoomOut {
443 from {
444 opacity: 1;
445 }
446 50% {
447 opacity: 0;
448 transform: scale3d(0.3, 0.3, 0.3);
449 }
450 to {
451 opacity: 0;
452 }
453 }
454 .Toastify__zoom-enter {
455 animation-name: Toastify__zoomIn;
456 }
457
458 .Toastify__zoom-exit {
459 animation-name: Toastify__zoomOut;
460 }
461
462 @keyframes Toastify__flipIn {
463 from {
464 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
465 animation-timing-function: ease-in;
466 opacity: 0;
467 }
468 40% {
469 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
470 animation-timing-function: ease-in;
471 }
472 60% {
473 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
474 opacity: 1;
475 }
476 80% {
477 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
478 }
479 to {
480 transform: perspective(400px);
481 }
482 }
483 @keyframes Toastify__flipOut {
484 from {
485 transform: perspective(400px);
486 }
487 30% {
488 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
489 opacity: 1;
490 }
491 to {
492 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
493 opacity: 0;
494 }
495 }
496 .Toastify__flip-enter {
497 animation-name: Toastify__flipIn;
498 }
499
500 .Toastify__flip-exit {
501 animation-name: Toastify__flipOut;
502 }
503
504 @keyframes Toastify__slideInRight {
505 from {
506 transform: translate3d(110%, 0, 0);
507 visibility: visible;
508 }
509 to {
510 transform: translate3d(0, 0, 0);
511 }
512 }
513 @keyframes Toastify__slideInLeft {
514 from {
515 transform: translate3d(-110%, 0, 0);
516 visibility: visible;
517 }
518 to {
519 transform: translate3d(0, 0, 0);
520 }
521 }
522 @keyframes Toastify__slideInUp {
523 from {
524 transform: translate3d(0, 110%, 0);
525 visibility: visible;
526 }
527 to {
528 transform: translate3d(0, 0, 0);
529 }
530 }
531 @keyframes Toastify__slideInDown {
532 from {
533 transform: translate3d(0, -110%, 0);
534 visibility: visible;
535 }
536 to {
537 transform: translate3d(0, 0, 0);
538 }
539 }
540 @keyframes Toastify__slideOutRight {
541 from {
542 transform: translate3d(0, 0, 0);
543 }
544 to {
545 visibility: hidden;
546 transform: translate3d(110%, 0, 0);
547 }
548 }
549 @keyframes Toastify__slideOutLeft {
550 from {
551 transform: translate3d(0, 0, 0);
552 }
553 to {
554 visibility: hidden;
555 transform: translate3d(-110%, 0, 0);
556 }
557 }
558 @keyframes Toastify__slideOutDown {
559 from {
560 transform: translate3d(0, 0, 0);
561 }
562 to {
563 visibility: hidden;
564 transform: translate3d(0, 500px, 0);
565 }
566 }
567 @keyframes Toastify__slideOutUp {
568 from {
569 transform: translate3d(0, 0, 0);
570 }
571 to {
572 visibility: hidden;
573 transform: translate3d(0, -500px, 0);
574 }
575 }
576 .Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
577 animation-name: Toastify__slideInLeft;
578 }
579 .Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
580 animation-name: Toastify__slideInRight;
581 }
582 .Toastify__slide-enter--top-center {
583 animation-name: Toastify__slideInDown;
584 }
585 .Toastify__slide-enter--bottom-center {
586 animation-name: Toastify__slideInUp;
587 }
588
589 .Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
590 animation-name: Toastify__slideOutLeft;
591 }
592 .Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
593 animation-name: Toastify__slideOutRight;
594 }
595 .Toastify__slide-exit--top-center {
596 animation-name: Toastify__slideOutUp;
597 }
598 .Toastify__slide-exit--bottom-center {
599 animation-name: Toastify__slideOutDown;
600 }
601
602 @keyframes Toastify__spin {
603 from {
604 transform: rotate(0deg);
605 }
606 to {
607 transform: rotate(360deg);
608 }
609 }
610 .toggle-button{position:relative;display:inline-block;width:40px;height:20px}.toggle-button input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:20px;transition:background-color .4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:transform .4s}input:checked+.slider{background-color:#2271b1}input:checked+.slider:before{transform:translateX(20px)}#wpcontent{padding-left:0}#wpfooter{display:none}#wpbody,#wpbody-content,#wpcontent,#wpwrap,body,html{height:100% !important;overflow:hidden}.active-recaptcha{background:#2271b1;color:#fff;border-radius:.375rem}.active-recaptcha:hover{color:#fff !important}.recaptcha-tab:hover{color:#2271b1}.srfm-m-4{margin:1rem}.srfm-mb-4{margin-bottom:1rem}.srfm-mb-8{margin-bottom:2rem}.srfm-ml-4{margin-left:1rem}.srfm-mt-4{margin-top:1rem}.srfm-block{display:block}.srfm-flex{display:flex}.srfm-h-3\/4{height:75%}.srfm-h-\[100vh\]{height:100vh}.srfm-min-h-full{min-height:100%}.srfm-w-\[20\%\]{width:20%}.srfm-w-\[600px\]{width:600px}.srfm-w-\[70\%\]{width:70%}.srfm-w-full{width:100%}.srfm-max-w-\[250px\]{max-width:250px}.srfm-max-w-\[300px\]{max-width:300px}.srfm-cursor-pointer{cursor:pointer}.srfm-flex-row{flex-direction:row}.srfm-flex-col{flex-direction:column}.srfm-items-start{align-items:flex-start}.srfm-items-center{align-items:center}.srfm-justify-start{justify-content:flex-start}.srfm-justify-center{justify-content:center}.srfm-justify-between{justify-content:space-between}.srfm-gap-1{gap:0.25rem}.srfm-gap-10{gap:2.5rem}.srfm-gap-2{gap:0.5rem}.srfm-gap-\[2px\]{gap:2px}.srfm-overflow-scroll{overflow:scroll}.srfm-rounded{border-radius:0.25rem}.srfm-rounded-md{border-radius:0.375rem}.srfm-border{border-width:1px}.srfm-border-0{border-width:0px}.srfm-border-\[\#575E68\]{--tw-border-opacity:1;border-color:rgb(87 94 104 / var(--tw-border-opacity))}.srfm-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.srfm-bg-\[\#FBFBFC\]{--tw-bg-opacity:1;background-color:rgb(251 251 252 / var(--tw-bg-opacity))}.srfm-bg-transparent{background-color:transparent}.srfm-bg-wpcolor{--tw-bg-opacity:1;background-color:rgb(34 113 177 / var(--tw-bg-opacity))}.srfm-p-2{padding:0.5rem}.srfm-p-5{padding:1.25rem}.srfm-p-8{padding:2rem}.srfm-p-\[20px\]{padding:20px}.srfm-px-4{padding-left:1rem;padding-right:1rem}.srfm-py-1{padding-top:0.25rem;padding-bottom:0.25rem}.srfm-py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.srfm-py-2{padding-top:0.5rem;padding-bottom:0.5rem}.srfm-pb-4{padding-bottom:1rem}.srfm-text-left{text-align:left}.srfm-text-2xl{font-size:1.5rem;line-height:2rem}.srfm-text-\[16px\]{font-size:16px}.srfm-text-\[17\.6px\]{font-size:17.6px}.srfm-text-base{font-size:1rem;line-height:1.5rem}.srfm-text-sm{font-size:0.875rem;line-height:1.25rem}.srfm-font-normal{font-weight:400}.srfm-font-semibold{font-weight:600}.srfm-text-\[\#111827\]{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}.srfm-text-\[\#333333\]{--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity))}.srfm-text-\[\#575E68\]{--tw-text-opacity:1;color:rgb(87 94 104 / var(--tw-text-opacity))}.srfm-text-\[\#64748B\]{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity))}.srfm-text-\[\#FBFBFC\]{--tw-text-opacity:1;color:rgb(251 251 252 / var(--tw-text-opacity))}.srfm-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}.srfm-no-underline{text-decoration-line:none}.srfm-shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.srfm-shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.srfm-ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.srfm-ring-inset{--tw-ring-inset:inset}.srfm-ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity))}.srfm-transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.srfm-duration-300{transition-duration:300ms}.srfm-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.placeholder\:srfm-text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.placeholder\:srfm-text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.hover\:srfm-border-\[\#333333\]:hover{--tw-border-opacity:1;border-color:rgb(51 51 51 / var(--tw-border-opacity))}.hover\:srfm-bg-wpcolor:hover{--tw-bg-opacity:1;background-color:rgb(34 113 177 / var(--tw-bg-opacity))}.hover\:srfm-text-\[\#333333\]:hover{--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity))}.focus\:srfm-bg-wpcolor:focus{--tw-bg-opacity:1;background-color:rgb(34 113 177 / var(--tw-bg-opacity))}.focus\:srfm-text-\[\#FBFBFC\]:focus{--tw-text-opacity:1;color:rgb(251 251 252 / var(--tw-text-opacity))}.focus\:srfm-ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:srfm-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:srfm-ring-inset:focus{--tw-ring-inset:inset}.focus\:srfm-ring-indigo-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity))}.srfm-group:hover .group-hover\:srfm-text-\[\#FBFBFC\]{--tw-text-opacity:1;color:rgb(251 251 252 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:srfm-text-sm{font-size:0.875rem;line-height:1.25rem}.sm\:srfm-leading-6{line-height:1.5rem}}@media (min-width: 768px){.md\:srfm-w-\[80\%\]{width:80%}}@media (min-width: 1024px){.lg\:srfm-w-\[100\%\]{width:100%}}
611