PluginProbe
ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO / 2.6.0
ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO v2.6.0
2.6.0 2.5.0 2.4.0 2.3.0 2.2.0 2.1.1 2.1.0 2.0.2 2.0.1 2.0.0 1.32.0 1.31.0 1.30.0 1.29.0 1.28.0 1.27.0 1.26.0 1.25.0 trunk 1.0.0 1.0.1 1.0.2 1.1.0 1.10.0 1.11.0 All 47 releases
thinkrank / assets / setup-wizard.css

setup-wizard.css in ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO 2.6.0, at assets/setup-wizard.css

2,865 lines 90.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*
2 * Inter, self-hosted.
3 *
4 * Bundled from @fontsource-variable/inter (SIL OFL 1.1) instead of loading
5 * from Google Fonts, so no ThinkRank screen makes a third-party request.
6 * Latin and Latin Extended only; other scripts fall back to the system font
7 * stack that every `font-family: Inter, …` declaration already lists.
8 *
9 * Declared as `Inter` (not fontsource's `Inter Variable`) so the existing
10 * font stacks, Tailwind config and canvas fonts keep working unchanged.
11 */
12
13 @font-face {
14 font-family: Inter;
15 font-style: normal;
16 font-display: swap;
17 font-weight: 100 900;
18 src: url(fonts/inter-latin-ext-wght-normal.8bff79fb.woff2) format("woff2-variations");
19 unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
20 }
21
22 @font-face {
23 font-family: Inter;
24 font-style: normal;
25 font-display: swap;
26 font-weight: 100 900;
27 src: url(fonts/inter-latin-wght-normal.4f2981d8.woff2) format("woff2-variations");
28 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
29 }
30
31 :where(.tr-root),
32 :where(.tr-root) *,
33 :where(.tr-root) ::before,
34 :where(.tr-root) ::after{
35 --tw-border-spacing-x: 0;
36 --tw-border-spacing-y: 0;
37 --tw-translate-x: 0;
38 --tw-translate-y: 0;
39 --tw-rotate: 0;
40 --tw-skew-x: 0;
41 --tw-skew-y: 0;
42 --tw-scale-x: 1;
43 --tw-scale-y: 1;
44 --tw-pan-x: ;
45 --tw-pan-y: ;
46 --tw-pinch-zoom: ;
47 --tw-scroll-snap-strictness: proximity;
48 --tw-gradient-from-position: ;
49 --tw-gradient-via-position: ;
50 --tw-gradient-to-position: ;
51 --tw-ordinal: ;
52 --tw-slashed-zero: ;
53 --tw-numeric-figure: ;
54 --tw-numeric-spacing: ;
55 --tw-numeric-fraction: ;
56 --tw-ring-inset: ;
57 --tw-ring-offset-width: 0px;
58 --tw-ring-offset-color: #fff;
59 --tw-ring-color: rgb(59 130 246 / 0.5);
60 --tw-ring-offset-shadow: 0 0 #0000;
61 --tw-ring-shadow: 0 0 #0000;
62 --tw-shadow: 0 0 #0000;
63 --tw-shadow-colored: 0 0 #0000;
64 --tw-blur: ;
65 --tw-brightness: ;
66 --tw-contrast: ;
67 --tw-grayscale: ;
68 --tw-hue-rotate: ;
69 --tw-invert: ;
70 --tw-saturate: ;
71 --tw-sepia: ;
72 --tw-drop-shadow: ;
73 --tw-backdrop-blur: ;
74 --tw-backdrop-brightness: ;
75 --tw-backdrop-contrast: ;
76 --tw-backdrop-grayscale: ;
77 --tw-backdrop-hue-rotate: ;
78 --tw-backdrop-invert: ;
79 --tw-backdrop-opacity: ;
80 --tw-backdrop-saturate: ;
81 --tw-backdrop-sepia: ;
82 --tw-contain-size: ;
83 --tw-contain-layout: ;
84 --tw-contain-paint: ;
85 --tw-contain-style: ;
86 }
87 /*
88 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
89 */
90 /*
91 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
92 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
93 */
94 :where(.tr-root),
95 :where(.tr-root) *,
96 :where(.tr-root) ::before,
97 :where(.tr-root) ::after {
98 box-sizing: border-box; /* 1 */
99 border-width: 0; /* 2 */
100 border-style: solid; /* 2 */
101 border-color: #D5D5DD; /* 2 */
102 }
103 :where(.tr-root) ::before,
104 :where(.tr-root) ::after {
105 --tw-content: '';
106 }
107 /*
108 1. Use a consistent sensible line-height in all browsers.
109 2. Prevent adjustments of font size after orientation changes in iOS.
110 3. Use a more readable tab size.
111 4. Use the user's configured `sans` font-family by default.
112 5. Use the user's configured `sans` font-feature-settings by default.
113 6. Use the user's configured `sans` font-variation-settings by default.
114 7. Disable tap highlights on iOS
115 */
116 :where(.tr-root) {
117 line-height: 1.5; /* 1 */
118 -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
119 tab-size: 4; /* 3 */
120 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* 4 */
121 font-feature-settings: normal; /* 5 */
122 font-variation-settings: normal; /* 6 */
123 -webkit-tap-highlight-color: transparent; /* 7 */
124 }
125 /*
126 1. Remove the margin in all browsers.
127 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
128 */
129 :where(.tr-root) body {
130 margin: 0; /* 1 */
131 line-height: inherit; /* 2 */
132 }
133 /*
134 1. Add the correct height in Firefox.
135 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
136 3. Ensure horizontal rules are visible by default.
137 */
138 :where(.tr-root) hr {
139 height: 0; /* 1 */
140 color: inherit; /* 2 */
141 border-top-width: 1px; /* 3 */
142 }
143 /*
144 Add the correct text decoration in Chrome, Edge, and Safari.
145 */
146 :where(.tr-root) abbr:where([title]) {
147 -webkit-text-decoration: underline dotted;
148 text-decoration: underline dotted;
149 }
150 /*
151 Remove the default font size and weight for headings.
152 */
153 :where(.tr-root) h1,
154 :where(.tr-root) h2,
155 :where(.tr-root) h3,
156 :where(.tr-root) h4,
157 :where(.tr-root) h5,
158 :where(.tr-root) h6 {
159 font-size: inherit;
160 font-weight: inherit;
161 }
162 /*
163 Reset links to optimize for opt-in styling instead of opt-out.
164 */
165 :where(.tr-root) a {
166 color: inherit;
167 text-decoration: inherit;
168 }
169 /*
170 Add the correct font weight in Edge and Safari.
171 */
172 :where(.tr-root) b,
173 :where(.tr-root) strong {
174 font-weight: bolder;
175 }
176 /*
177 1. Use the user's configured `mono` font-family by default.
178 2. Use the user's configured `mono` font-feature-settings by default.
179 3. Use the user's configured `mono` font-variation-settings by default.
180 4. Correct the odd `em` font sizing in all browsers.
181 */
182 :where(.tr-root) code,
183 :where(.tr-root) kbd,
184 :where(.tr-root) samp,
185 :where(.tr-root) pre {
186 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
187 font-feature-settings: normal; /* 2 */
188 font-variation-settings: normal; /* 3 */
189 font-size: 1em; /* 4 */
190 }
191 /*
192 Add the correct font size in all browsers.
193 */
194 :where(.tr-root) small {
195 font-size: 80%;
196 }
197 /*
198 Prevent `sub` and `sup` elements from affecting the line height in all browsers.
199 */
200 :where(.tr-root) sub,
201 :where(.tr-root) sup {
202 font-size: 75%;
203 line-height: 0;
204 position: relative;
205 vertical-align: baseline;
206 }
207 :where(.tr-root) sub {
208 bottom: -0.25em;
209 }
210 :where(.tr-root) sup {
211 top: -0.5em;
212 }
213 /*
214 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
215 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
216 3. Remove gaps between table borders by default.
217 */
218 :where(.tr-root) table {
219 text-indent: 0; /* 1 */
220 border-color: inherit; /* 2 */
221 border-collapse: collapse; /* 3 */
222 }
223 /*
224 1. Change the font styles in all browsers.
225 2. Remove the margin in Firefox and Safari.
226 3. Remove default padding in all browsers.
227 */
228 :where(.tr-root) button,
229 :where(.tr-root) input,
230 :where(.tr-root) optgroup,
231 :where(.tr-root) select,
232 :where(.tr-root) textarea {
233 font-family: inherit; /* 1 */
234 font-feature-settings: inherit; /* 1 */
235 font-variation-settings: inherit; /* 1 */
236 font-size: 100%; /* 1 */
237 font-weight: inherit; /* 1 */
238 line-height: inherit; /* 1 */
239 letter-spacing: inherit; /* 1 */
240 color: inherit; /* 1 */
241 margin: 0; /* 2 */
242 padding: 0; /* 3 */
243 }
244 /*
245 Remove the inheritance of text transform in Edge and Firefox.
246 */
247 :where(.tr-root) button,
248 :where(.tr-root) select {
249 text-transform: none;
250 }
251 /*
252 1. Correct the inability to style clickable types in iOS and Safari.
253 2. Remove default button styles.
254 */
255 :where(.tr-root) button,
256 :where(.tr-root) input:where([type='button']),
257 :where(.tr-root) input:where([type='reset']),
258 :where(.tr-root) input:where([type='submit']) {
259 -webkit-appearance: button; /* 1 */
260 background-color: transparent; /* 2 */
261 background-image: none; /* 2 */
262 }
263 /*
264 Use the modern Firefox focus style for all focusable elements.
265 */
266 :where(.tr-root) :-moz-focusring {
267 outline: auto;
268 }
269 /*
270 Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
271 */
272 :where(.tr-root) :-moz-ui-invalid {
273 box-shadow: none;
274 }
275 /*
276 Add the correct vertical alignment in Chrome and Firefox.
277 */
278 :where(.tr-root) progress {
279 vertical-align: baseline;
280 }
281 /*
282 Correct the cursor style of increment and decrement buttons in Safari.
283 */
284 :where(.tr-root) ::-webkit-inner-spin-button,
285 :where(.tr-root) ::-webkit-outer-spin-button {
286 height: auto;
287 }
288 /*
289 1. Correct the odd appearance in Chrome and Safari.
290 2. Correct the outline style in Safari.
291 */
292 :where(.tr-root) [type='search'] {
293 -webkit-appearance: textfield; /* 1 */
294 outline-offset: -2px; /* 2 */
295 }
296 /*
297 Remove the inner padding in Chrome and Safari on macOS.
298 */
299 :where(.tr-root) ::-webkit-search-decoration {
300 -webkit-appearance: none;
301 }
302 /*
303 1. Correct the inability to style clickable types in iOS and Safari.
304 2. Change font properties to `inherit` in Safari.
305 */
306 :where(.tr-root) ::-webkit-file-upload-button {
307 -webkit-appearance: button; /* 1 */
308 font: inherit; /* 2 */
309 }
310 /*
311 Add the correct display in Chrome and Safari.
312 */
313 :where(.tr-root) summary {
314 display: list-item;
315 }
316 /*
317 Removes the default spacing and border for appropriate elements.
318 */
319 :where(.tr-root) blockquote,
320 :where(.tr-root) dl,
321 :where(.tr-root) dd,
322 :where(.tr-root) h1,
323 :where(.tr-root) h2,
324 :where(.tr-root) h3,
325 :where(.tr-root) h4,
326 :where(.tr-root) h5,
327 :where(.tr-root) h6,
328 :where(.tr-root) hr,
329 :where(.tr-root) figure,
330 :where(.tr-root) p,
331 :where(.tr-root) pre {
332 margin: 0;
333 }
334 :where(.tr-root) fieldset {
335 margin: 0;
336 padding: 0;
337 }
338 :where(.tr-root) legend {
339 padding: 0;
340 }
341 :where(.tr-root) ol,
342 :where(.tr-root) ul,
343 :where(.tr-root) menu {
344 list-style: none;
345 margin: 0;
346 padding: 0;
347 }
348 /*
349 Reset default styling for dialogs.
350 */
351 :where(.tr-root) dialog {
352 padding: 0;
353 }
354 /*
355 Prevent resizing textareas horizontally by default.
356 */
357 :where(.tr-root) textarea {
358 resize: vertical;
359 }
360 /*
361 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
362 2. Set the default placeholder color to the user's configured gray 400 color.
363 */
364 :where(.tr-root) input::placeholder,
365 :where(.tr-root) textarea::placeholder {
366 opacity: 1; /* 1 */
367 color: #9ca3af; /* 2 */
368 }
369 /*
370 Set the default cursor for buttons.
371 */
372 :where(.tr-root) button,
373 :where(.tr-root) [role="button"] {
374 cursor: pointer;
375 }
376 /*
377 Make sure disabled buttons don't get the pointer cursor.
378 */
379 :where(.tr-root) :disabled {
380 cursor: default;
381 }
382 /*
383 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
384 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
385 This can trigger a poorly considered lint error in some tools but is included by design.
386 */
387 :where(.tr-root) img,
388 :where(.tr-root) svg,
389 :where(.tr-root) video,
390 :where(.tr-root) canvas,
391 :where(.tr-root) audio,
392 :where(.tr-root) iframe,
393 :where(.tr-root) embed,
394 :where(.tr-root) object {
395 display: block; /* 1 */
396 vertical-align: middle; /* 2 */
397 }
398 /*
399 Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
400 */
401 :where(.tr-root) img,
402 :where(.tr-root) video {
403 max-width: 100%;
404 height: auto;
405 }
406 /* Make elements with the HTML hidden attribute stay hidden by default */
407 :where(.tr-root) [hidden]:where(:not([hidden="until-found"])) {
408 display: none;
409 }
410 .tr-root .tr-pointer-events-none{
411 pointer-events: none;
412 }
413 .tr-root .tr-fixed{
414 position: fixed;
415 }
416 .tr-root .tr-absolute{
417 position: absolute;
418 }
419 .tr-root .tr-relative{
420 position: relative;
421 }
422 .tr-root .tr-sticky{
423 position: sticky;
424 }
425 .tr-root .tr-inset-0{
426 inset: 0px;
427 }
428 .tr-root .tr-inset-x-0{
429 left: 0px;
430 right: 0px;
431 }
432 .tr-root .tr-inset-y-0{
433 top: 0px;
434 bottom: 0px;
435 }
436 .tr-root .-tr-right-2{
437 right: -0.5rem;
438 }
439 .tr-root .-tr-top-1{
440 top: -0.25rem;
441 }
442 .tr-root .tr--left-\[5px\]{
443 left: -5px;
444 }
445 .tr-root .tr-bottom-0{
446 bottom: 0px;
447 }
448 .tr-root .tr-bottom-1\.5{
449 bottom: 0.375rem;
450 }
451 .tr-root .tr-bottom-\[-3rem\]{
452 bottom: -3rem;
453 }
454 .tr-root .tr-bottom-full{
455 bottom: 100%;
456 }
457 .tr-root .tr-left-0{
458 left: 0px;
459 }
460 .tr-root .tr-left-1\/2{
461 left: 50%;
462 }
463 .tr-root .tr-left-2{
464 left: 0.5rem;
465 }
466 .tr-root .tr-left-2\.5{
467 left: 0.625rem;
468 }
469 .tr-root .tr-left-3{
470 left: 0.75rem;
471 }
472 .tr-root .tr-left-\[6rem\]{
473 left: 6rem;
474 }
475 .tr-root .tr-left-full{
476 left: 100%;
477 }
478 .tr-root .tr-right-1{
479 right: 0.25rem;
480 }
481 .tr-root .tr-right-2{
482 right: 0.5rem;
483 }
484 .tr-root .tr-right-3{
485 right: 0.75rem;
486 }
487 .tr-root .tr-right-8{
488 right: 2rem;
489 }
490 .tr-root .tr-right-\[-2rem\]{
491 right: -2rem;
492 }
493 .tr-root .tr-right-full{
494 right: 100%;
495 }
496 .tr-root .tr-top-0{
497 top: 0px;
498 }
499 .tr-root .tr-top-1{
500 top: 0.25rem;
501 }
502 .tr-root .tr-top-1\.5{
503 top: 0.375rem;
504 }
505 .tr-root .tr-top-1\/2{
506 top: 50%;
507 }
508 .tr-root .tr-top-2{
509 top: 0.5rem;
510 }
511 .tr-root .tr-top-4{
512 top: 1rem;
513 }
514 .tr-root .tr-top-\[-2\.5rem\]{
515 top: -2.5rem;
516 }
517 .tr-root .tr-top-full{
518 top: 100%;
519 }
520 .tr-root .tr-z-10{
521 z-index: 10;
522 }
523 .tr-root .tr-z-50{
524 z-index: 50;
525 }
526 .tr-root .tr-z-\[99990\]{
527 z-index: 99990;
528 }
529 .tr-root .tr-z-\[99998\]{
530 z-index: 99998;
531 }
532 .tr-root .tr-z-\[99999\]{
533 z-index: 99999;
534 }
535 .tr-root .tr-m-0{
536 margin: 0px;
537 }
538 .tr-root .tr-mx-1{
539 margin-left: 0.25rem;
540 margin-right: 0.25rem;
541 }
542 .tr-root .tr-mx-4{
543 margin-left: 1rem;
544 margin-right: 1rem;
545 }
546 .tr-root .tr-mx-auto{
547 margin-left: auto;
548 margin-right: auto;
549 }
550 .tr-root .tr-my-5{
551 margin-top: 1.25rem;
552 margin-bottom: 1.25rem;
553 }
554 .tr-root .tr--mt-0\.5{
555 margin-top: -0.125rem;
556 }
557 .tr-root .tr-mb-0{
558 margin-bottom: 0px;
559 }
560 .tr-root .tr-mb-0\.5{
561 margin-bottom: 0.125rem;
562 }
563 .tr-root .tr-mb-1{
564 margin-bottom: 0.25rem;
565 }
566 .tr-root .tr-mb-1\.5{
567 margin-bottom: 0.375rem;
568 }
569 .tr-root .tr-mb-2{
570 margin-bottom: 0.5rem;
571 }
572 .tr-root .tr-mb-2\.5{
573 margin-bottom: 0.625rem;
574 }
575 .tr-root .tr-mb-3{
576 margin-bottom: 0.75rem;
577 }
578 .tr-root .tr-mb-4{
579 margin-bottom: 1rem;
580 }
581 .tr-root .tr-mb-5{
582 margin-bottom: 1.25rem;
583 }
584 .tr-root .tr-mb-6{
585 margin-bottom: 1.5rem;
586 }
587 .tr-root .tr-mb-8{
588 margin-bottom: 2rem;
589 }
590 .tr-root .tr-ml-0\.5{
591 margin-left: 0.125rem;
592 }
593 .tr-root .tr-ml-1{
594 margin-left: 0.25rem;
595 }
596 .tr-root .tr-ml-1\.5{
597 margin-left: 0.375rem;
598 }
599 .tr-root .tr-ml-2{
600 margin-left: 0.5rem;
601 }
602 .tr-root .tr-ml-3{
603 margin-left: 0.75rem;
604 }
605 .tr-root .tr-ml-4{
606 margin-left: 1rem;
607 }
608 .tr-root .tr-ml-auto{
609 margin-left: auto;
610 }
611 .tr-root .tr-mr-0\.5{
612 margin-right: 0.125rem;
613 }
614 .tr-root .tr-mr-1{
615 margin-right: 0.25rem;
616 }
617 .tr-root .tr-mr-1\.5{
618 margin-right: 0.375rem;
619 }
620 .tr-root .tr-mr-2{
621 margin-right: 0.5rem;
622 }
623 .tr-root .tr-mr-auto{
624 margin-right: auto;
625 }
626 .tr-root .tr-mt-0{
627 margin-top: 0px;
628 }
629 .tr-root .tr-mt-0\.5{
630 margin-top: 0.125rem;
631 }
632 .tr-root .tr-mt-1{
633 margin-top: 0.25rem;
634 }
635 .tr-root .tr-mt-1\.5{
636 margin-top: 0.375rem;
637 }
638 .tr-root .tr-mt-2{
639 margin-top: 0.5rem;
640 }
641 .tr-root .tr-mt-2\.5{
642 margin-top: 0.625rem;
643 }
644 .tr-root .tr-mt-3{
645 margin-top: 0.75rem;
646 }
647 .tr-root .tr-mt-4{
648 margin-top: 1rem;
649 }
650 .tr-root .tr-mt-5{
651 margin-top: 1.25rem;
652 }
653 .tr-root .tr-mt-6{
654 margin-top: 1.5rem;
655 }
656 .tr-root .tr-mt-8{
657 margin-top: 2rem;
658 }
659 .tr-root .tr-mt-\[3px\]{
660 margin-top: 3px;
661 }
662 .tr-root .tr-mt-px{
663 margin-top: 1px;
664 }
665 .tr-root .tr-line-clamp-1{
666 overflow: hidden;
667 display: -webkit-box;
668 -webkit-box-orient: vertical;
669 -webkit-line-clamp: 1;
670 }
671 .tr-root .tr-line-clamp-2{
672 overflow: hidden;
673 display: -webkit-box;
674 -webkit-box-orient: vertical;
675 -webkit-line-clamp: 2;
676 }
677 .tr-root .tr-block{
678 display: block;
679 }
680 .tr-root .tr-inline-block{
681 display: inline-block;
682 }
683 .tr-root .tr-flex{
684 display: flex;
685 }
686 .tr-root .tr-inline-flex{
687 display: inline-flex;
688 }
689 .tr-root .tr-grid{
690 display: grid;
691 }
692 .tr-root .tr-hidden{
693 display: none;
694 }
695 .tr-root .tr-aspect-\[1\.91\/1\]{
696 aspect-ratio: 1.91/1;
697 }
698 .tr-root .tr-aspect-\[2\/1\]{
699 aspect-ratio: 2/1;
700 }
701 .tr-root .tr-aspect-\[2\/3\]{
702 aspect-ratio: 2/3;
703 }
704 .tr-root .tr-aspect-video{
705 aspect-ratio: 16 / 9;
706 }
707 .tr-root .tr-h-0\.5{
708 height: 0.125rem;
709 }
710 .tr-root .tr-h-1{
711 height: 0.25rem;
712 }
713 .tr-root .tr-h-1\.5{
714 height: 0.375rem;
715 }
716 .tr-root .tr-h-10{
717 height: 2.5rem;
718 }
719 .tr-root .tr-h-11{
720 height: 2.75rem;
721 }
722 .tr-root .tr-h-14{
723 height: 3.5rem;
724 }
725 .tr-root .tr-h-16{
726 height: 4rem;
727 }
728 .tr-root .tr-h-2{
729 height: 0.5rem;
730 }
731 .tr-root .tr-h-2\.5{
732 height: 0.625rem;
733 }
734 .tr-root .tr-h-20{
735 height: 5rem;
736 }
737 .tr-root .tr-h-3{
738 height: 0.75rem;
739 }
740 .tr-root .tr-h-3\.5{
741 height: 0.875rem;
742 }
743 .tr-root .tr-h-32{
744 height: 8rem;
745 }
746 .tr-root .tr-h-4{
747 height: 1rem;
748 }
749 .tr-root .tr-h-40{
750 height: 10rem;
751 }
752 .tr-root .tr-h-5{
753 height: 1.25rem;
754 }
755 .tr-root .tr-h-6{
756 height: 1.5rem;
757 }
758 .tr-root .tr-h-7{
759 height: 1.75rem;
760 }
761 .tr-root .tr-h-8{
762 height: 2rem;
763 }
764 .tr-root .tr-h-9{
765 height: 2.25rem;
766 }
767 .tr-root .tr-h-\[18px\]{
768 height: 18px;
769 }
770 .tr-root .tr-h-\[22px\]{
771 height: 22px;
772 }
773 .tr-root .tr-h-\[72px\]{
774 height: 72px;
775 }
776 .tr-root .tr-h-full{
777 height: 100%;
778 }
779 .tr-root .tr-h-px{
780 height: 1px;
781 }
782 .tr-root .tr-max-h-80{
783 max-height: 20rem;
784 }
785 .tr-root .tr-max-h-\[70vh\]{
786 max-height: 70vh;
787 }
788 .tr-root .tr-max-h-full{
789 max-height: 100%;
790 }
791 .tr-root .tr-min-h-0{
792 min-height: 0px;
793 }
794 .tr-root .tr-min-h-10{
795 min-height: 2.5rem;
796 }
797 .tr-root .tr-min-h-\[2\.5rem\]{
798 min-height: 2.5rem;
799 }
800 .tr-root .tr-min-h-screen{
801 min-height: 100vh;
802 }
803 .tr-root .tr-w-0\.5{
804 width: 0.125rem;
805 }
806 .tr-root .tr-w-1\.5{
807 width: 0.375rem;
808 }
809 .tr-root .tr-w-1\/3{
810 width: 33.333333%;
811 }
812 .tr-root .tr-w-10{
813 width: 2.5rem;
814 }
815 .tr-root .tr-w-11{
816 width: 2.75rem;
817 }
818 .tr-root .tr-w-12{
819 width: 3rem;
820 }
821 .tr-root .tr-w-14{
822 width: 3.5rem;
823 }
824 .tr-root .tr-w-16{
825 width: 4rem;
826 }
827 .tr-root .tr-w-2{
828 width: 0.5rem;
829 }
830 .tr-root .tr-w-2\.5{
831 width: 0.625rem;
832 }
833 .tr-root .tr-w-2\/3{
834 width: 66.666667%;
835 }
836 .tr-root .tr-w-20{
837 width: 5rem;
838 }
839 .tr-root .tr-w-24{
840 width: 6rem;
841 }
842 .tr-root .tr-w-3{
843 width: 0.75rem;
844 }
845 .tr-root .tr-w-3\.5{
846 width: 0.875rem;
847 }
848 .tr-root .tr-w-32{
849 width: 8rem;
850 }
851 .tr-root .tr-w-36{
852 width: 9rem;
853 }
854 .tr-root .tr-w-4{
855 width: 1rem;
856 }
857 .tr-root .tr-w-4\/5{
858 width: 80%;
859 }
860 .tr-root .tr-w-40{
861 width: 10rem;
862 }
863 .tr-root .tr-w-44{
864 width: 11rem;
865 }
866 .tr-root .tr-w-48{
867 width: 12rem;
868 }
869 .tr-root .tr-w-5{
870 width: 1.25rem;
871 }
872 .tr-root .tr-w-52{
873 width: 13rem;
874 }
875 .tr-root .tr-w-56{
876 width: 14rem;
877 }
878 .tr-root .tr-w-6{
879 width: 1.5rem;
880 }
881 .tr-root .tr-w-7{
882 width: 1.75rem;
883 }
884 .tr-root .tr-w-72{
885 width: 18rem;
886 }
887 .tr-root .tr-w-8{
888 width: 2rem;
889 }
890 .tr-root .tr-w-9{
891 width: 2.25rem;
892 }
893 .tr-root .tr-w-\[18px\]{
894 width: 18px;
895 }
896 .tr-root .tr-w-\[200px\]{
897 width: 200px;
898 }
899 .tr-root .tr-w-\[22px\]{
900 width: 22px;
901 }
902 .tr-root .tr-w-full{
903 width: 100%;
904 }
905 .tr-root .tr-w-max{
906 width: max-content;
907 }
908 .tr-root .tr-w-px{
909 width: 1px;
910 }
911 .tr-root .tr-min-w-0{
912 min-width: 0px;
913 }
914 .tr-root .tr-min-w-\[1\.5rem\]{
915 min-width: 1.5rem;
916 }
917 .tr-root .tr-min-w-\[1\.75rem\]{
918 min-width: 1.75rem;
919 }
920 .tr-root .tr-min-w-\[120px\]{
921 min-width: 120px;
922 }
923 .tr-root .tr-min-w-\[16px\]{
924 min-width: 16px;
925 }
926 .tr-root .tr-min-w-\[170px\]{
927 min-width: 170px;
928 }
929 .tr-root .tr-min-w-\[18px\]{
930 min-width: 18px;
931 }
932 .tr-root .tr-min-w-\[200px\]{
933 min-width: 200px;
934 }
935 .tr-root .tr-min-w-\[20px\]{
936 min-width: 20px;
937 }
938 .tr-root .tr-min-w-\[260px\]{
939 min-width: 260px;
940 }
941 .tr-root .tr-max-w-2xl{
942 max-width: 42rem;
943 }
944 .tr-root .tr-max-w-4xl{
945 max-width: 56rem;
946 }
947 .tr-root .tr-max-w-\[260px\]{
948 max-width: 260px;
949 }
950 .tr-root .tr-max-w-\[280px\]{
951 max-width: 280px;
952 }
953 .tr-root .tr-max-w-\[480px\]{
954 max-width: 480px;
955 }
956 .tr-root .tr-max-w-full{
957 max-width: 100%;
958 }
959 .tr-root .tr-max-w-lg{
960 max-width: 32rem;
961 }
962 .tr-root .tr-max-w-md{
963 max-width: 28rem;
964 }
965 .tr-root .tr-max-w-sm{
966 max-width: 24rem;
967 }
968 .tr-root .tr-max-w-xl{
969 max-width: 36rem;
970 }
971 .tr-root .tr-max-w-xs{
972 max-width: 20rem;
973 }
974 .tr-root .tr-flex-1{
975 flex: 1 1 0%;
976 }
977 .tr-root .tr-shrink-0{
978 flex-shrink: 0;
979 }
980 .tr-root .tr-border-collapse{
981 border-collapse: collapse;
982 }
983 .tr-root .-tr-translate-y-1\/2{
984 --tw-translate-y: -50%;
985 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
986 }
987 .tr-root .tr--translate-x-1\/2{
988 --tw-translate-x: -50%;
989 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
990 }
991 .tr-root .tr--translate-y-1\/2{
992 --tw-translate-y: -50%;
993 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
994 }
995 .tr-root .tr-translate-x-0{
996 --tw-translate-x: 0px;
997 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
998 }
999 .tr-root .tr-translate-x-5{
1000 --tw-translate-x: 1.25rem;
1001 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1002 }
1003 .tr-root .tr-translate-y-0{
1004 --tw-translate-y: 0px;
1005 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1006 }
1007 .tr-root .tr-translate-y-full{
1008 --tw-translate-y: 100%;
1009 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1010 }
1011 .tr-root .-tr-rotate-90{
1012 --tw-rotate: -90deg;
1013 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1014 }
1015 .tr-root .tr-rotate-180{
1016 --tw-rotate: 180deg;
1017 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1018 }
1019 .tr-root .tr-rotate-90{
1020 --tw-rotate: 90deg;
1021 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1022 }
1023 .tr-root .tr-animate-\[fadeIn_150ms_ease-out\]{
1024 animation: fadeIn 150ms ease-out;
1025 }
1026 @keyframes tr-pulse{
1027 50%{
1028 opacity: .5;
1029 }
1030 }
1031 .tr-root .tr-animate-pulse{
1032 animation: tr-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1033 }
1034 @keyframes tr-skeleton-pulse{
1035 0%, 100%{
1036 opacity: 1;
1037 }
1038 50%{
1039 opacity: 0.4;
1040 }
1041 }
1042 .tr-root .tr-animate-skeleton-pulse{
1043 animation: tr-skeleton-pulse 1.5s ease-in-out infinite;
1044 }
1045 @keyframes tr-spin{
1046 to{
1047 transform: rotate(360deg);
1048 }
1049 }
1050 .tr-root .tr-animate-spin{
1051 animation: tr-spin 1s linear infinite;
1052 }
1053 .tr-root .tr-cursor-default{
1054 cursor: default;
1055 }
1056 .tr-root .tr-cursor-help{
1057 cursor: help;
1058 }
1059 .tr-root .tr-cursor-not-allowed{
1060 cursor: not-allowed;
1061 }
1062 .tr-root .tr-cursor-pointer{
1063 cursor: pointer;
1064 }
1065 .tr-root .tr-select-none{
1066 -webkit-user-select: none;
1067 user-select: none;
1068 }
1069 .tr-root .tr-resize-y{
1070 resize: vertical;
1071 }
1072 .tr-root .tr-list-disc{
1073 list-style-type: disc;
1074 }
1075 .tr-root .tr-list-none{
1076 list-style-type: none;
1077 }
1078 .tr-root .tr-appearance-none{
1079 appearance: none;
1080 }
1081 .tr-root .tr-grid-cols-1{
1082 grid-template-columns: repeat(1, minmax(0, 1fr));
1083 }
1084 .tr-root .tr-grid-cols-2{
1085 grid-template-columns: repeat(2, minmax(0, 1fr));
1086 }
1087 .tr-root .tr-grid-cols-3{
1088 grid-template-columns: repeat(3, minmax(0, 1fr));
1089 }
1090 .tr-root .tr-grid-cols-\[1\.75rem_1fr\]{
1091 grid-template-columns: 1.75rem 1fr;
1092 }
1093 .tr-root .tr-grid-rows-\[0fr\]{
1094 grid-template-rows: 0fr;
1095 }
1096 .tr-root .tr-grid-rows-\[1fr\]{
1097 grid-template-rows: 1fr;
1098 }
1099 .tr-root .tr-flex-row{
1100 flex-direction: row;
1101 }
1102 .tr-root .tr-flex-col{
1103 flex-direction: column;
1104 }
1105 .tr-root .tr-flex-wrap{
1106 flex-wrap: wrap;
1107 }
1108 .tr-root .tr-items-start{
1109 align-items: flex-start;
1110 }
1111 .tr-root .tr-items-end{
1112 align-items: flex-end;
1113 }
1114 .tr-root .tr-items-center{
1115 align-items: center;
1116 }
1117 .tr-root .tr-items-baseline{
1118 align-items: baseline;
1119 }
1120 .tr-root .tr-items-stretch{
1121 align-items: stretch;
1122 }
1123 .tr-root .tr-justify-start{
1124 justify-content: flex-start;
1125 }
1126 .tr-root .tr-justify-end{
1127 justify-content: flex-end;
1128 }
1129 .tr-root .tr-justify-center{
1130 justify-content: center;
1131 }
1132 .tr-root .tr-justify-between{
1133 justify-content: space-between;
1134 }
1135 .tr-root .tr-justify-around{
1136 justify-content: space-around;
1137 }
1138 .tr-root .tr-gap-0{
1139 gap: 0px;
1140 }
1141 .tr-root .tr-gap-0\.5{
1142 gap: 0.125rem;
1143 }
1144 .tr-root .tr-gap-1{
1145 gap: 0.25rem;
1146 }
1147 .tr-root .tr-gap-1\.5{
1148 gap: 0.375rem;
1149 }
1150 .tr-root .tr-gap-10{
1151 gap: 2.5rem;
1152 }
1153 .tr-root .tr-gap-2{
1154 gap: 0.5rem;
1155 }
1156 .tr-root .tr-gap-2\.5{
1157 gap: 0.625rem;
1158 }
1159 .tr-root .tr-gap-3{
1160 gap: 0.75rem;
1161 }
1162 .tr-root .tr-gap-3\.5{
1163 gap: 0.875rem;
1164 }
1165 .tr-root .tr-gap-4{
1166 gap: 1rem;
1167 }
1168 .tr-root .tr-gap-5{
1169 gap: 1.25rem;
1170 }
1171 .tr-root .tr-gap-6{
1172 gap: 1.5rem;
1173 }
1174 .tr-root .tr-gap-7{
1175 gap: 1.75rem;
1176 }
1177 .tr-root .tr-gap-8{
1178 gap: 2rem;
1179 }
1180 .tr-root .tr-gap-px{
1181 gap: 1px;
1182 }
1183 .tr-root .tr-gap-x-10{
1184 column-gap: 2.5rem;
1185 }
1186 .tr-root .tr-gap-x-2{
1187 column-gap: 0.5rem;
1188 }
1189 .tr-root .tr-gap-x-5{
1190 column-gap: 1.25rem;
1191 }
1192 .tr-root .tr-gap-x-6{
1193 column-gap: 1.5rem;
1194 }
1195 .tr-root .tr-gap-x-8{
1196 column-gap: 2rem;
1197 }
1198 .tr-root .tr-gap-y-1{
1199 row-gap: 0.25rem;
1200 }
1201 .tr-root .tr-gap-y-2{
1202 row-gap: 0.5rem;
1203 }
1204 .tr-root .tr-gap-y-2\.5{
1205 row-gap: 0.625rem;
1206 }
1207 .tr-root .tr-gap-y-4{
1208 row-gap: 1rem;
1209 }
1210 .tr-root .tr-gap-y-5{
1211 row-gap: 1.25rem;
1212 }
1213 .tr-root :is(.tr-space-y-1 > :not([hidden]) ~ :not([hidden])){
1214 --tw-space-y-reverse: 0;
1215 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1216 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1217 }
1218 .tr-root :is(.tr-divide-y > :not([hidden]) ~ :not([hidden])){
1219 --tw-divide-y-reverse: 0;
1220 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1221 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1222 }
1223 .tr-root :is(.tr-divide-line-2 > :not([hidden]) ~ :not([hidden])){
1224 --tw-divide-opacity: 1;
1225 border-color: rgb(226 230 241 / var(--tw-divide-opacity, 1));
1226 }
1227 .tr-root :is(.tr-divide-secondary > :not([hidden]) ~ :not([hidden])){
1228 --tw-divide-opacity: 1;
1229 border-color: rgb(226 230 241 / var(--tw-divide-opacity, 1));
1230 }
1231 .tr-root .tr-self-start{
1232 align-self: flex-start;
1233 }
1234 .tr-root .tr-overflow-auto{
1235 overflow: auto;
1236 }
1237 .tr-root .tr-overflow-hidden{
1238 overflow: hidden;
1239 }
1240 .tr-root .tr-overflow-x-auto{
1241 overflow-x: auto;
1242 }
1243 .tr-root .tr-overflow-y-auto{
1244 overflow-y: auto;
1245 }
1246 .tr-root .tr-truncate{
1247 overflow: hidden;
1248 text-overflow: ellipsis;
1249 white-space: nowrap;
1250 }
1251 .tr-root .tr-whitespace-nowrap{
1252 white-space: nowrap;
1253 }
1254 .tr-root .tr-whitespace-pre{
1255 white-space: pre;
1256 }
1257 .tr-root .tr-whitespace-pre-wrap{
1258 white-space: pre-wrap;
1259 }
1260 .tr-root .tr-break-words{
1261 overflow-wrap: break-word;
1262 }
1263 .tr-root .tr-break-all{
1264 word-break: break-all;
1265 }
1266 .tr-root .tr-rounded{
1267 border-radius: 6px;
1268 }
1269 .tr-root .tr-rounded-2xl{
1270 border-radius: 1rem;
1271 }
1272 .tr-root .tr-rounded-full{
1273 border-radius: 9999px;
1274 }
1275 .tr-root .tr-rounded-lg{
1276 border-radius: 12px;
1277 }
1278 .tr-root .tr-rounded-md{
1279 border-radius: 8px;
1280 }
1281 .tr-root .tr-rounded-xl{
1282 border-radius: 16px;
1283 }
1284 .tr-root .tr-rounded-r{
1285 border-top-right-radius: 6px;
1286 border-bottom-right-radius: 6px;
1287 }
1288 .tr-root .tr-border{
1289 border-width: 1px;
1290 }
1291 .tr-root .tr-border-0{
1292 border-width: 0px;
1293 }
1294 .tr-root .tr-border-2{
1295 border-width: 2px;
1296 }
1297 .tr-root .tr-border-\[1\.5px\]{
1298 border-width: 1.5px;
1299 }
1300 .tr-root .tr-border-b{
1301 border-bottom-width: 1px;
1302 }
1303 .tr-root .tr-border-b-2{
1304 border-bottom-width: 2px;
1305 }
1306 .tr-root .tr-border-l{
1307 border-left-width: 1px;
1308 }
1309 .tr-root .tr-border-l-2{
1310 border-left-width: 2px;
1311 }
1312 .tr-root .tr-border-l-4{
1313 border-left-width: 4px;
1314 }
1315 .tr-root .tr-border-r{
1316 border-right-width: 1px;
1317 }
1318 .tr-root .tr-border-t{
1319 border-top-width: 1px;
1320 }
1321 .tr-root .tr-border-solid{
1322 border-style: solid;
1323 }
1324 .tr-root .tr-border-dashed{
1325 border-style: dashed;
1326 }
1327 .tr-root .tr-border-amber-200{
1328 --tw-border-opacity: 1;
1329 border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
1330 }
1331 .tr-root .tr-border-blue-100{
1332 --tw-border-opacity: 1;
1333 border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
1334 }
1335 .tr-root .tr-border-blue-200{
1336 --tw-border-opacity: 1;
1337 border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1338 }
1339 .tr-root .tr-border-brand{
1340 --tw-border-opacity: 1;
1341 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
1342 }
1343 .tr-root .tr-border-brand\/30{
1344 border-color: rgb(68 81 255 / 0.3);
1345 }
1346 .tr-root .tr-border-danger{
1347 --tw-border-opacity: 1;
1348 border-color: rgb(146 28 19 / var(--tw-border-opacity, 1));
1349 }
1350 .tr-root .tr-border-danger\/30{
1351 border-color: rgb(146 28 19 / 0.3);
1352 }
1353 .tr-root .tr-border-emerald-200{
1354 --tw-border-opacity: 1;
1355 border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
1356 }
1357 .tr-root .tr-border-line{
1358 --tw-border-opacity: 1;
1359 border-color: rgb(213 213 221 / var(--tw-border-opacity, 1));
1360 }
1361 .tr-root .tr-border-primary{
1362 --tw-border-opacity: 1;
1363 border-color: rgb(213 213 221 / var(--tw-border-opacity, 1));
1364 }
1365 .tr-root .tr-border-secondary{
1366 --tw-border-opacity: 1;
1367 border-color: rgb(226 230 241 / var(--tw-border-opacity, 1));
1368 }
1369 .tr-root .tr-border-slate-100{
1370 --tw-border-opacity: 1;
1371 border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
1372 }
1373 .tr-root .tr-border-slate-200{
1374 --tw-border-opacity: 1;
1375 border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1376 }
1377 .tr-root .tr-border-slate-300{
1378 --tw-border-opacity: 1;
1379 border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1380 }
1381 .tr-root .tr-border-success{
1382 --tw-border-opacity: 1;
1383 border-color: rgb(2 122 72 / var(--tw-border-opacity, 1));
1384 }
1385 .tr-root .tr-border-success\/20{
1386 border-color: rgb(2 122 72 / 0.2);
1387 }
1388 .tr-root .tr-border-success\/30{
1389 border-color: rgb(2 122 72 / 0.3);
1390 }
1391 .tr-root .tr-border-transparent{
1392 border-color: transparent;
1393 }
1394 .tr-root .tr-border-violet-200{
1395 --tw-border-opacity: 1;
1396 border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
1397 }
1398 .tr-root .tr-border-warning{
1399 --tw-border-opacity: 1;
1400 border-color: rgb(181 71 8 / var(--tw-border-opacity, 1));
1401 }
1402 .tr-root .tr-border-warning\/20{
1403 border-color: rgb(181 71 8 / 0.2);
1404 }
1405 .tr-root .tr-border-warning\/30{
1406 border-color: rgb(181 71 8 / 0.3);
1407 }
1408 .tr-root .tr-border-white{
1409 --tw-border-opacity: 1;
1410 border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1411 }
1412 .tr-root .tr-border-yellow-200{
1413 --tw-border-opacity: 1;
1414 border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
1415 }
1416 .tr-root .tr-border-b-\[\#E5E7EB\]{
1417 --tw-border-opacity: 1;
1418 border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1419 }
1420 .tr-root .tr-border-t-transparent{
1421 border-top-color: transparent;
1422 }
1423 .tr-root .tr-bg-\[\#EEF0F7\]{
1424 --tw-bg-opacity: 1;
1425 background-color: rgb(238 240 247 / var(--tw-bg-opacity, 1));
1426 }
1427 .tr-root .tr-bg-\[\#F2F3F5\]{
1428 --tw-bg-opacity: 1;
1429 background-color: rgb(242 243 245 / var(--tw-bg-opacity, 1));
1430 }
1431 .tr-root .tr-bg-\[\#F5F6FA\]{
1432 --tw-bg-opacity: 1;
1433 background-color: rgb(245 246 250 / var(--tw-bg-opacity, 1));
1434 }
1435 .tr-root .tr-bg-\[\#F6F7FB\]{
1436 --tw-bg-opacity: 1;
1437 background-color: rgb(246 247 251 / var(--tw-bg-opacity, 1));
1438 }
1439 .tr-root .tr-bg-\[\#F7F8FB\]{
1440 --tw-bg-opacity: 1;
1441 background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1));
1442 }
1443 .tr-root .tr-bg-\[\#FAFBFC\]{
1444 --tw-bg-opacity: 1;
1445 background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1));
1446 }
1447 .tr-root .tr-bg-\[\#ecfdf3\]{
1448 --tw-bg-opacity: 1;
1449 background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
1450 }
1451 .tr-root .tr-bg-\[\#f2f4f7\]{
1452 --tw-bg-opacity: 1;
1453 background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
1454 }
1455 .tr-root .tr-bg-\[\#fef3f2\]{
1456 --tw-bg-opacity: 1;
1457 background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
1458 }
1459 .tr-root .tr-bg-\[\#fffaeb\]{
1460 --tw-bg-opacity: 1;
1461 background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
1462 }
1463 .tr-root .tr-bg-\[var\(--tr-bg-subtle\)\]{
1464 background-color: var(--tr-bg-subtle);
1465 }
1466 .tr-root .tr-bg-amber-100{
1467 --tw-bg-opacity: 1;
1468 background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
1469 }
1470 .tr-root .tr-bg-amber-50{
1471 --tw-bg-opacity: 1;
1472 background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
1473 }
1474 .tr-root .tr-bg-black\/40{
1475 background-color: rgb(0 0 0 / 0.4);
1476 }
1477 .tr-root .tr-bg-black\/70{
1478 background-color: rgb(0 0 0 / 0.7);
1479 }
1480 .tr-root .tr-bg-blue-50{
1481 --tw-bg-opacity: 1;
1482 background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1483 }
1484 .tr-root .tr-bg-brand{
1485 --tw-bg-opacity: 1;
1486 background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1));
1487 }
1488 .tr-root .tr-bg-brand-bg{
1489 --tw-bg-opacity: 1;
1490 background-color: rgb(238 240 255 / var(--tw-bg-opacity, 1));
1491 }
1492 .tr-root .tr-bg-brand-bg\/30{
1493 background-color: rgb(238 240 255 / 0.3);
1494 }
1495 .tr-root .tr-bg-brand-bg\/40{
1496 background-color: rgb(238 240 255 / 0.4);
1497 }
1498 .tr-root .tr-bg-cyan-50{
1499 --tw-bg-opacity: 1;
1500 background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
1501 }
1502 .tr-root .tr-bg-danger{
1503 --tw-bg-opacity: 1;
1504 background-color: rgb(146 28 19 / var(--tw-bg-opacity, 1));
1505 }
1506 .tr-root .tr-bg-danger-bg{
1507 --tw-bg-opacity: 1;
1508 background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
1509 }
1510 .tr-root .tr-bg-emerald-50{
1511 --tw-bg-opacity: 1;
1512 background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
1513 }
1514 .tr-root .tr-bg-gray-50{
1515 --tw-bg-opacity: 1;
1516 background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1517 }
1518 .tr-root .tr-bg-green-100{
1519 --tw-bg-opacity: 1;
1520 background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1521 }
1522 .tr-root .tr-bg-ink-1{
1523 --tw-bg-opacity: 1;
1524 background-color: rgb(29 29 29 / var(--tw-bg-opacity, 1));
1525 }
1526 .tr-root .tr-bg-ink-2{
1527 --tw-bg-opacity: 1;
1528 background-color: rgb(83 83 83 / var(--tw-bg-opacity, 1));
1529 }
1530 .tr-root .tr-bg-ink-2\/40{
1531 background-color: rgb(83 83 83 / 0.4);
1532 }
1533 .tr-root .tr-bg-line{
1534 --tw-bg-opacity: 1;
1535 background-color: rgb(213 213 221 / var(--tw-bg-opacity, 1));
1536 }
1537 .tr-root .tr-bg-line-2{
1538 --tw-bg-opacity: 1;
1539 background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1));
1540 }
1541 .tr-root .tr-bg-orange-100{
1542 --tw-bg-opacity: 1;
1543 background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
1544 }
1545 .tr-root .tr-bg-pink-50{
1546 --tw-bg-opacity: 1;
1547 background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
1548 }
1549 .tr-root .tr-bg-red-100{
1550 --tw-bg-opacity: 1;
1551 background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1552 }
1553 .tr-root .tr-bg-slate-50{
1554 --tw-bg-opacity: 1;
1555 background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
1556 }
1557 .tr-root .tr-bg-success{
1558 --tw-bg-opacity: 1;
1559 background-color: rgb(2 122 72 / var(--tw-bg-opacity, 1));
1560 }
1561 .tr-root .tr-bg-success-bg{
1562 --tw-bg-opacity: 1;
1563 background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
1564 }
1565 .tr-root .tr-bg-success\/10{
1566 background-color: rgb(2 122 72 / 0.1);
1567 }
1568 .tr-root .tr-bg-transparent{
1569 background-color: transparent;
1570 }
1571 .tr-root .tr-bg-violet-50{
1572 --tw-bg-opacity: 1;
1573 background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
1574 }
1575 .tr-root .tr-bg-warning{
1576 --tw-bg-opacity: 1;
1577 background-color: rgb(181 71 8 / var(--tw-bg-opacity, 1));
1578 }
1579 .tr-root .tr-bg-warning-bg{
1580 --tw-bg-opacity: 1;
1581 background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
1582 }
1583 .tr-root .tr-bg-white{
1584 --tw-bg-opacity: 1;
1585 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1586 }
1587 .tr-root .tr-bg-white\/10{
1588 background-color: rgb(255 255 255 / 0.1);
1589 }
1590 .tr-root .tr-bg-white\/15{
1591 background-color: rgb(255 255 255 / 0.15);
1592 }
1593 .tr-root .tr-bg-white\/25{
1594 background-color: rgb(255 255 255 / 0.25);
1595 }
1596 .tr-root .tr-bg-white\/5{
1597 background-color: rgb(255 255 255 / 0.05);
1598 }
1599 .tr-root .tr-bg-white\/90{
1600 background-color: rgb(255 255 255 / 0.9);
1601 }
1602 .tr-root .tr-bg-yellow-100{
1603 --tw-bg-opacity: 1;
1604 background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1605 }
1606 .tr-root .tr-bg-yellow-50{
1607 --tw-bg-opacity: 1;
1608 background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
1609 }
1610 .tr-root .tr-bg-\[linear-gradient\(90deg\,\#4c4cff_58\%\,\#3535b0_118\%\)\]{
1611 background-image: linear-gradient(90deg,#4c4cff 58%,#3535b0 118%);
1612 }
1613 .tr-root .tr-object-contain{
1614 object-fit: contain;
1615 }
1616 .tr-root .tr-object-cover{
1617 object-fit: cover;
1618 }
1619 .tr-root .tr-p-0{
1620 padding: 0px;
1621 }
1622 .tr-root .tr-p-0\.5{
1623 padding: 0.125rem;
1624 }
1625 .tr-root .tr-p-1{
1626 padding: 0.25rem;
1627 }
1628 .tr-root .tr-p-10{
1629 padding: 2.5rem;
1630 }
1631 .tr-root .tr-p-12{
1632 padding: 3rem;
1633 }
1634 .tr-root .tr-p-16{
1635 padding: 4rem;
1636 }
1637 .tr-root .tr-p-2{
1638 padding: 0.5rem;
1639 }
1640 .tr-root .tr-p-2\.5{
1641 padding: 0.625rem;
1642 }
1643 .tr-root .tr-p-3{
1644 padding: 0.75rem;
1645 }
1646 .tr-root .tr-p-3\.5{
1647 padding: 0.875rem;
1648 }
1649 .tr-root .tr-p-4{
1650 padding: 1rem;
1651 }
1652 .tr-root .tr-p-5{
1653 padding: 1.25rem;
1654 }
1655 .tr-root .tr-p-6{
1656 padding: 1.5rem;
1657 }
1658 .tr-root .tr-p-8{
1659 padding: 2rem;
1660 }
1661 .tr-root .tr-px-1{
1662 padding-left: 0.25rem;
1663 padding-right: 0.25rem;
1664 }
1665 .tr-root .tr-px-1\.5{
1666 padding-left: 0.375rem;
1667 padding-right: 0.375rem;
1668 }
1669 .tr-root .tr-px-2{
1670 padding-left: 0.5rem;
1671 padding-right: 0.5rem;
1672 }
1673 .tr-root .tr-px-2\.5{
1674 padding-left: 0.625rem;
1675 padding-right: 0.625rem;
1676 }
1677 .tr-root .tr-px-3{
1678 padding-left: 0.75rem;
1679 padding-right: 0.75rem;
1680 }
1681 .tr-root .tr-px-4{
1682 padding-left: 1rem;
1683 padding-right: 1rem;
1684 }
1685 .tr-root .tr-px-5{
1686 padding-left: 1.25rem;
1687 padding-right: 1.25rem;
1688 }
1689 .tr-root .tr-px-6{
1690 padding-left: 1.5rem;
1691 padding-right: 1.5rem;
1692 }
1693 .tr-root .tr-py-0\.5{
1694 padding-top: 0.125rem;
1695 padding-bottom: 0.125rem;
1696 }
1697 .tr-root .tr-py-1{
1698 padding-top: 0.25rem;
1699 padding-bottom: 0.25rem;
1700 }
1701 .tr-root .tr-py-1\.5{
1702 padding-top: 0.375rem;
1703 padding-bottom: 0.375rem;
1704 }
1705 .tr-root .tr-py-10{
1706 padding-top: 2.5rem;
1707 padding-bottom: 2.5rem;
1708 }
1709 .tr-root .tr-py-2{
1710 padding-top: 0.5rem;
1711 padding-bottom: 0.5rem;
1712 }
1713 .tr-root .tr-py-2\.5{
1714 padding-top: 0.625rem;
1715 padding-bottom: 0.625rem;
1716 }
1717 .tr-root .tr-py-3{
1718 padding-top: 0.75rem;
1719 padding-bottom: 0.75rem;
1720 }
1721 .tr-root .tr-py-3\.5{
1722 padding-top: 0.875rem;
1723 padding-bottom: 0.875rem;
1724 }
1725 .tr-root .tr-py-4{
1726 padding-top: 1rem;
1727 padding-bottom: 1rem;
1728 }
1729 .tr-root .tr-py-5{
1730 padding-top: 1.25rem;
1731 padding-bottom: 1.25rem;
1732 }
1733 .tr-root .tr-py-6{
1734 padding-top: 1.5rem;
1735 padding-bottom: 1.5rem;
1736 }
1737 .tr-root .tr-py-7{
1738 padding-top: 1.75rem;
1739 padding-bottom: 1.75rem;
1740 }
1741 .tr-root .tr-py-8{
1742 padding-top: 2rem;
1743 padding-bottom: 2rem;
1744 }
1745 .tr-root .tr-py-px{
1746 padding-top: 1px;
1747 padding-bottom: 1px;
1748 }
1749 .tr-root .tr-pb-0{
1750 padding-bottom: 0px;
1751 }
1752 .tr-root .tr-pb-2{
1753 padding-bottom: 0.5rem;
1754 }
1755 .tr-root .tr-pb-3{
1756 padding-bottom: 0.75rem;
1757 }
1758 .tr-root .tr-pb-4{
1759 padding-bottom: 1rem;
1760 }
1761 .tr-root .tr-pb-5{
1762 padding-bottom: 1.25rem;
1763 }
1764 .tr-root .tr-pb-6{
1765 padding-bottom: 1.5rem;
1766 }
1767 .tr-root .tr-pl-0{
1768 padding-left: 0px;
1769 }
1770 .tr-root .tr-pl-1{
1771 padding-left: 0.25rem;
1772 }
1773 .tr-root .tr-pl-1\.5{
1774 padding-left: 0.375rem;
1775 }
1776 .tr-root .tr-pl-2{
1777 padding-left: 0.5rem;
1778 }
1779 .tr-root .tr-pl-3{
1780 padding-left: 0.75rem;
1781 }
1782 .tr-root .tr-pl-4{
1783 padding-left: 1rem;
1784 }
1785 .tr-root .tr-pl-5{
1786 padding-left: 1.25rem;
1787 }
1788 .tr-root .tr-pl-7{
1789 padding-left: 1.75rem;
1790 }
1791 .tr-root .tr-pl-8{
1792 padding-left: 2rem;
1793 }
1794 .tr-root .tr-pl-9{
1795 padding-left: 2.25rem;
1796 }
1797 .tr-root .tr-pr-1\.5{
1798 padding-right: 0.375rem;
1799 }
1800 .tr-root .tr-pr-10{
1801 padding-right: 2.5rem;
1802 }
1803 .tr-root .tr-pr-14{
1804 padding-right: 3.5rem;
1805 }
1806 .tr-root .tr-pr-16{
1807 padding-right: 4rem;
1808 }
1809 .tr-root .tr-pr-2{
1810 padding-right: 0.5rem;
1811 }
1812 .tr-root .tr-pr-3{
1813 padding-right: 0.75rem;
1814 }
1815 .tr-root .tr-pr-9{
1816 padding-right: 2.25rem;
1817 }
1818 .tr-root .tr-pt-0{
1819 padding-top: 0px;
1820 }
1821 .tr-root .tr-pt-0\.5{
1822 padding-top: 0.125rem;
1823 }
1824 .tr-root .tr-pt-1{
1825 padding-top: 0.25rem;
1826 }
1827 .tr-root .tr-pt-2{
1828 padding-top: 0.5rem;
1829 }
1830 .tr-root .tr-pt-4{
1831 padding-top: 1rem;
1832 }
1833 .tr-root .tr-pt-5{
1834 padding-top: 1.25rem;
1835 }
1836 .tr-root .tr-pt-6{
1837 padding-top: 1.5rem;
1838 }
1839 .tr-root .tr-text-left{
1840 text-align: left;
1841 }
1842 .tr-root .tr-text-center{
1843 text-align: center;
1844 }
1845 .tr-root .tr-text-right{
1846 text-align: right;
1847 }
1848 .tr-root .tr-align-top{
1849 vertical-align: top;
1850 }
1851 .tr-root .tr-align-middle{
1852 vertical-align: middle;
1853 }
1854 .tr-root .tr-font-mono{
1855 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1856 }
1857 .tr-root .tr-font-sans{
1858 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
1859 }
1860 .tr-root .tr-text-2xl{
1861 font-size: 1.5rem;
1862 line-height: 1.25;
1863 }
1864 .tr-root .tr-text-3xl{
1865 font-size: 1.875rem;
1866 line-height: 1.2;
1867 }
1868 .tr-root .tr-text-4xl{
1869 font-size: 2.25rem;
1870 line-height: 2.5rem;
1871 }
1872 .tr-root .tr-text-\[10px\]{
1873 font-size: 10px;
1874 }
1875 .tr-root .tr-text-\[11px\]{
1876 font-size: 11px;
1877 }
1878 .tr-root .tr-text-\[13px\]{
1879 font-size: 13px;
1880 }
1881 .tr-root .tr-text-\[18px\]{
1882 font-size: 18px;
1883 }
1884 .tr-root .tr-text-\[9px\]{
1885 font-size: 9px;
1886 }
1887 .tr-root .tr-text-base{
1888 font-size: 1rem;
1889 line-height: 1.5;
1890 }
1891 .tr-root .tr-text-lg{
1892 font-size: 1.125rem;
1893 line-height: 1.4;
1894 }
1895 .tr-root .tr-text-sm{
1896 font-size: 0.875rem;
1897 line-height: 1.5;
1898 }
1899 .tr-root .tr-text-xl{
1900 font-size: 1.25rem;
1901 line-height: 1.3;
1902 }
1903 .tr-root .tr-text-xs{
1904 font-size: 0.75rem;
1905 line-height: 1.5;
1906 }
1907 .tr-root .tr-font-bold{
1908 font-weight: 700;
1909 }
1910 .tr-root .tr-font-medium{
1911 font-weight: 500;
1912 }
1913 .tr-root .tr-font-normal{
1914 font-weight: 400;
1915 }
1916 .tr-root .tr-font-semibold{
1917 font-weight: 600;
1918 }
1919 .tr-root .tr-uppercase{
1920 text-transform: uppercase;
1921 }
1922 .tr-root .tr-capitalize{
1923 text-transform: capitalize;
1924 }
1925 .tr-root .tr-italic{
1926 font-style: italic;
1927 }
1928 .tr-root .tr-tabular-nums{
1929 --tw-numeric-spacing: tabular-nums;
1930 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1931 }
1932 .tr-root .tr-leading-4{
1933 line-height: 1rem;
1934 }
1935 .tr-root .tr-leading-5{
1936 line-height: 1.25rem;
1937 }
1938 .tr-root .tr-leading-6{
1939 line-height: 1.5rem;
1940 }
1941 .tr-root .tr-leading-7{
1942 line-height: 1.75rem;
1943 }
1944 .tr-root .tr-leading-none{
1945 line-height: 1;
1946 }
1947 .tr-root .tr-leading-relaxed{
1948 line-height: 1.625;
1949 }
1950 .tr-root .tr-leading-snug{
1951 line-height: 1.375;
1952 }
1953 .tr-root .tr-leading-tight{
1954 line-height: 1.25;
1955 }
1956 .tr-root .tr-tracking-wide{
1957 letter-spacing: 0.025em;
1958 }
1959 .tr-root .tr-text-\[\#006621\]{
1960 --tw-text-opacity: 1;
1961 color: rgb(0 102 33 / var(--tw-text-opacity, 1));
1962 }
1963 .tr-root .tr-text-\[\#1a0dab\]{
1964 --tw-text-opacity: 1;
1965 color: rgb(26 13 171 / var(--tw-text-opacity, 1));
1966 }
1967 .tr-root .tr-text-\[\#535353\]{
1968 --tw-text-opacity: 1;
1969 color: rgb(83 83 83 / var(--tw-text-opacity, 1));
1970 }
1971 .tr-root .tr-text-amber-600{
1972 --tw-text-opacity: 1;
1973 color: rgb(217 119 6 / var(--tw-text-opacity, 1));
1974 }
1975 .tr-root .tr-text-amber-700{
1976 --tw-text-opacity: 1;
1977 color: rgb(180 83 9 / var(--tw-text-opacity, 1));
1978 }
1979 .tr-root .tr-text-blue-600{
1980 --tw-text-opacity: 1;
1981 color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1982 }
1983 .tr-root .tr-text-blue-700{
1984 --tw-text-opacity: 1;
1985 color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1986 }
1987 .tr-root .tr-text-brand{
1988 --tw-text-opacity: 1;
1989 color: rgb(68 81 255 / var(--tw-text-opacity, 1));
1990 }
1991 .tr-root .tr-text-brand\/80{
1992 color: rgb(68 81 255 / 0.8);
1993 }
1994 .tr-root .tr-text-current{
1995 color: currentColor;
1996 }
1997 .tr-root .tr-text-cyan-600{
1998 --tw-text-opacity: 1;
1999 color: rgb(8 145 178 / var(--tw-text-opacity, 1));
2000 }
2001 .tr-root .tr-text-danger{
2002 --tw-text-opacity: 1;
2003 color: rgb(146 28 19 / var(--tw-text-opacity, 1));
2004 }
2005 .tr-root .tr-text-danger\/80{
2006 color: rgb(146 28 19 / 0.8);
2007 }
2008 .tr-root .tr-text-emerald-600{
2009 --tw-text-opacity: 1;
2010 color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2011 }
2012 .tr-root .tr-text-emerald-700{
2013 --tw-text-opacity: 1;
2014 color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2015 }
2016 .tr-root .tr-text-green-700{
2017 --tw-text-opacity: 1;
2018 color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2019 }
2020 .tr-root .tr-text-orange-700{
2021 --tw-text-opacity: 1;
2022 color: rgb(194 65 12 / var(--tw-text-opacity, 1));
2023 }
2024 .tr-root .tr-text-pink-600{
2025 --tw-text-opacity: 1;
2026 color: rgb(219 39 119 / var(--tw-text-opacity, 1));
2027 }
2028 .tr-root .tr-text-primary{
2029 --tw-text-opacity: 1;
2030 color: rgb(29 29 29 / var(--tw-text-opacity, 1));
2031 }
2032 .tr-root .tr-text-red-600{
2033 --tw-text-opacity: 1;
2034 color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2035 }
2036 .tr-root .tr-text-red-700{
2037 --tw-text-opacity: 1;
2038 color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2039 }
2040 .tr-root .tr-text-secondary{
2041 --tw-text-opacity: 1;
2042 color: rgb(83 83 83 / var(--tw-text-opacity, 1));
2043 }
2044 .tr-root .tr-text-slate-300{
2045 --tw-text-opacity: 1;
2046 color: rgb(203 213 225 / var(--tw-text-opacity, 1));
2047 }
2048 .tr-root .tr-text-slate-400{
2049 --tw-text-opacity: 1;
2050 color: rgb(148 163 184 / var(--tw-text-opacity, 1));
2051 }
2052 .tr-root .tr-text-slate-500{
2053 --tw-text-opacity: 1;
2054 color: rgb(100 116 139 / var(--tw-text-opacity, 1));
2055 }
2056 .tr-root .tr-text-slate-600{
2057 --tw-text-opacity: 1;
2058 color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2059 }
2060 .tr-root .tr-text-slate-700{
2061 --tw-text-opacity: 1;
2062 color: rgb(51 65 85 / var(--tw-text-opacity, 1));
2063 }
2064 .tr-root .tr-text-slate-900{
2065 --tw-text-opacity: 1;
2066 color: rgb(15 23 42 / var(--tw-text-opacity, 1));
2067 }
2068 .tr-root .tr-text-success{
2069 --tw-text-opacity: 1;
2070 color: rgb(2 122 72 / var(--tw-text-opacity, 1));
2071 }
2072 .tr-root .tr-text-success\/70{
2073 color: rgb(2 122 72 / 0.7);
2074 }
2075 .tr-root .tr-text-success\/80{
2076 color: rgb(2 122 72 / 0.8);
2077 }
2078 .tr-root .tr-text-surface{
2079 --tw-text-opacity: 1;
2080 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2081 }
2082 .tr-root .tr-text-tertiary{
2083 --tw-text-opacity: 1;
2084 color: rgb(90 92 94 / var(--tw-text-opacity, 1));
2085 }
2086 .tr-root .tr-text-violet-700{
2087 --tw-text-opacity: 1;
2088 color: rgb(109 40 217 / var(--tw-text-opacity, 1));
2089 }
2090 .tr-root .tr-text-warning{
2091 --tw-text-opacity: 1;
2092 color: rgb(181 71 8 / var(--tw-text-opacity, 1));
2093 }
2094 .tr-root .tr-text-warning\/80{
2095 color: rgb(181 71 8 / 0.8);
2096 }
2097 .tr-root .tr-text-white{
2098 --tw-text-opacity: 1;
2099 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2100 }
2101 .tr-root .tr-text-white\/70{
2102 color: rgb(255 255 255 / 0.7);
2103 }
2104 .tr-root .tr-text-yellow-700{
2105 --tw-text-opacity: 1;
2106 color: rgb(161 98 7 / var(--tw-text-opacity, 1));
2107 }
2108 .tr-root .tr-text-yellow-800{
2109 --tw-text-opacity: 1;
2110 color: rgb(133 77 14 / var(--tw-text-opacity, 1));
2111 }
2112 .tr-root .tr-underline{
2113 text-decoration-line: underline;
2114 }
2115 .tr-root .tr-no-underline{
2116 text-decoration-line: none;
2117 }
2118 .tr-root .tr-accent-blue-600{
2119 accent-color: #2563eb;
2120 }
2121 .tr-root .tr-opacity-0{
2122 opacity: 0;
2123 }
2124 .tr-root .tr-opacity-100{
2125 opacity: 1;
2126 }
2127 .tr-root .tr-opacity-50{
2128 opacity: 0.5;
2129 }
2130 .tr-root .tr-opacity-60{
2131 opacity: 0.6;
2132 }
2133 .tr-root .tr-opacity-70{
2134 opacity: 0.7;
2135 }
2136 .tr-root .tr-shadow{
2137 --tw-shadow: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.06);
2138 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
2139 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2140 }
2141 .tr-root .tr-shadow-2xl{
2142 --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2143 --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2144 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2145 }
2146 .tr-root .tr-shadow-lg{
2147 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -2px rgba(0,0,0,.05);
2148 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
2149 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2150 }
2151 .tr-root .tr-shadow-md{
2152 --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -1px rgba(0,0,0,.06);
2153 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
2154 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2155 }
2156 .tr-root .tr-shadow-sm{
2157 --tw-shadow: 0 1px 2px rgba(0,0,0,.05);
2158 --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
2159 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2160 }
2161 .tr-root .tr-outline-none{
2162 outline: 2px solid transparent;
2163 outline-offset: 2px;
2164 }
2165 .tr-root .tr-ring-1{
2166 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2167 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2168 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2169 }
2170 .tr-root .tr-ring-2{
2171 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2172 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2173 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2174 }
2175 .tr-root .tr-ring-brand-500{
2176 --tw-ring-opacity: 1;
2177 --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1));
2178 }
2179 .tr-root .tr-ring-white{
2180 --tw-ring-opacity: 1;
2181 --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
2182 }
2183 .tr-root .tr-ring-white\/25{
2184 --tw-ring-color: rgb(255 255 255 / 0.25);
2185 }
2186 .tr-root .tr-blur-2xl{
2187 --tw-blur: blur(40px);
2188 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2189 }
2190 .tr-root .tr-backdrop-blur-sm{
2191 --tw-backdrop-blur: blur(4px);
2192 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
2193 }
2194 .tr-root .tr-transition-\[grid-template-rows\]{
2195 transition-property: grid-template-rows;
2196 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2197 transition-duration: 150ms;
2198 }
2199 .tr-root .tr-transition-all{
2200 transition-property: all;
2201 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2202 transition-duration: 150ms;
2203 }
2204 .tr-root .tr-transition-colors{
2205 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2206 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2207 transition-duration: 150ms;
2208 }
2209 .tr-root .tr-transition-opacity{
2210 transition-property: opacity;
2211 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2212 transition-duration: 150ms;
2213 }
2214 .tr-root .tr-transition-shadow{
2215 transition-property: box-shadow;
2216 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2217 transition-duration: 150ms;
2218 }
2219 .tr-root .tr-transition-transform{
2220 transition-property: transform;
2221 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2222 transition-duration: 150ms;
2223 }
2224 .tr-root .tr-duration-100{
2225 transition-duration: 100ms;
2226 }
2227 .tr-root .tr-duration-150{
2228 transition-duration: 150ms;
2229 }
2230 .tr-root .tr-duration-200{
2231 transition-duration: 200ms;
2232 }
2233 .tr-root .tr-duration-300{
2234 transition-duration: 300ms;
2235 }
2236 .tr-root .tr-ease-out{
2237 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2238 }
2239 @media (prefers-reduced-motion: reduce) {
2240
2241 .tr-root .tr-animate-skeleton-pulse,
2242 .tr-root .tr-animate-spin,
2243 .tr-root .tr-animate-score-spin {
2244 animation: none !important;
2245 }
2246
2247 .tr-root .tr-transition,
2248 .tr-root .tr-transition-colors,
2249 .tr-root .tr-transition-transform,
2250 .tr-root .tr-transition-opacity,
2251 .tr-root .tr-transition-all {
2252 transition: none !important;
2253 }
2254
2255 .tr-root .tr-animate-skeleton-pulse,
2256 .tr-root .tr-animate-spin,
2257 .tr-root .tr-animate-score-spin {
2258 animation: none !important;
2259 }
2260
2261 .tr-root .tr-transition,
2262 .tr-root .tr-transition-colors,
2263 .tr-root .tr-transition-transform,
2264 .tr-root .tr-transition-opacity,
2265 .tr-root .tr-transition-all {
2266 transition: none !important;
2267 }
2268
2269 .tr-root .tr-animate-skeleton-pulse,
2270 .tr-root .tr-animate-spin,
2271 .tr-root .tr-animate-score-spin {
2272 animation: none !important;
2273 }
2274
2275 .tr-root .tr-transition,
2276 .tr-root .tr-transition-colors,
2277 .tr-root .tr-transition-transform,
2278 .tr-root .tr-transition-opacity,
2279 .tr-root .tr-transition-all {
2280 transition: none !important;
2281 }
2282
2283 .tr-root .tr-animate-skeleton-pulse,
2284 .tr-root .tr-animate-spin,
2285 .tr-root .tr-animate-score-spin {
2286 animation: none !important;
2287 }
2288
2289 .tr-root .tr-transition,
2290 .tr-root .tr-transition-colors,
2291 .tr-root .tr-transition-transform,
2292 .tr-root .tr-transition-opacity,
2293 .tr-root .tr-transition-all {
2294 transition: none !important;
2295 }
2296
2297 .tr-root .tr-animate-skeleton-pulse,
2298 .tr-root .tr-animate-spin,
2299 .tr-root .tr-animate-score-spin {
2300 animation: none !important;
2301 }
2302
2303 .tr-root .tr-transition,
2304 .tr-root .tr-transition-colors,
2305 .tr-root .tr-transition-transform,
2306 .tr-root .tr-transition-opacity,
2307 .tr-root .tr-transition-all {
2308 transition: none !important;
2309 }
2310
2311 .tr-root .tr-animate-skeleton-pulse,
2312 .tr-root .tr-animate-spin,
2313 .tr-root .tr-animate-score-spin {
2314 animation: none !important;
2315 }
2316
2317 .tr-root .tr-transition,
2318 .tr-root .tr-transition-colors,
2319 .tr-root .tr-transition-transform,
2320 .tr-root .tr-transition-opacity,
2321 .tr-root .tr-transition-all {
2322 transition: none !important;
2323 }
2324 }
2325
2326 /*
2327 * Tailwind Preflight (@tailwind base) emits UNSCOPED global resets — e.g.
2328 * `img, svg, video, canvas { display: block }` and `*, ::before, ::after`
2329 * box-sizing/border. Left as-is they leak past our React root into WordPress
2330 * admin chrome and page builders (Divi/Elementor/Oxygen), breaking host UI
2331 * (e.g. Divi's Visual Builder breadcrumb stacked vertically — issue #275).
2332 *
2333 * The scoping now happens at BUILD TIME in `build/postcss-scope-preflight.js`,
2334 * which rewrites every Preflight selector to live under `.tr-root` (where the
2335 * `tr-*` utilities already live). That removes the leak at the source, so the
2336 * old per-symptom overrides here (e.g. restoring `#adminmenu` icon centering)
2337 * are no longer needed.
2338 *
2339 * Do NOT add unscoped bare element selectors to this file — they would leak the
2340 * same way and defeat the build-time scoping.
2341 */
2342
2343 /* Ensure Tailwind's animate-* skeleton pulse respects reduced-motion */
2344
2345 .tr-root :is(.marker\:tr-hidden *)::marker{
2346 display: none;
2347 }
2348
2349 .tr-root .marker\:tr-hidden::marker{
2350 display: none;
2351 }
2352
2353 .tr-root .placeholder\:tr-text-tertiary::placeholder{
2354 --tw-text-opacity: 1;
2355 color: rgb(90 92 94 / var(--tw-text-opacity, 1));
2356 }
2357
2358 .tr-root .before\:tr-absolute::before{
2359 content: var(--tw-content);
2360 position: absolute;
2361 }
2362
2363 .tr-root .before\:tr-bottom-1::before{
2364 content: var(--tw-content);
2365 bottom: 0.25rem;
2366 }
2367
2368 .tr-root .before\:tr-left-\[1\.5rem\]::before{
2369 content: var(--tw-content);
2370 left: 1.5rem;
2371 }
2372
2373 .tr-root .before\:tr-top-1::before{
2374 content: var(--tw-content);
2375 top: 0.25rem;
2376 }
2377
2378 .tr-root .before\:tr-w-px::before{
2379 content: var(--tw-content);
2380 width: 1px;
2381 }
2382
2383 .tr-root .before\:tr-bg-line-2::before{
2384 content: var(--tw-content);
2385 --tw-bg-opacity: 1;
2386 background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1));
2387 }
2388
2389 .tr-root .before\:tr-content-\[\"\"\]::before{
2390 --tw-content: "";
2391 content: var(--tw-content);
2392 }
2393
2394 .tr-root .after\:tr-absolute::after{
2395 content: var(--tw-content);
2396 position: absolute;
2397 }
2398
2399 .tr-root .after\:tr-bottom-0::after{
2400 content: var(--tw-content);
2401 bottom: 0px;
2402 }
2403
2404 .tr-root .after\:tr-left-0::after{
2405 content: var(--tw-content);
2406 left: 0px;
2407 }
2408
2409 .tr-root .after\:tr-right-0::after{
2410 content: var(--tw-content);
2411 right: 0px;
2412 }
2413
2414 .tr-root .after\:tr-h-0\.5::after{
2415 content: var(--tw-content);
2416 height: 0.125rem;
2417 }
2418
2419 .tr-root .after\:tr-bg-brand::after{
2420 content: var(--tw-content);
2421 --tw-bg-opacity: 1;
2422 background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1));
2423 }
2424
2425 .tr-root .after\:tr-content-\[\'\'\]::after{
2426 --tw-content: '';
2427 content: var(--tw-content);
2428 }
2429
2430 .tr-root .first\:tr-border-t-0:first-child{
2431 border-top-width: 0px;
2432 }
2433
2434 .tr-root .last\:tr-border-0:last-child{
2435 border-width: 0px;
2436 }
2437
2438 .tr-root .last\:tr-border-b-0:last-child{
2439 border-bottom-width: 0px;
2440 }
2441
2442 .tr-root .focus-within\:tr-border-brand:focus-within{
2443 --tw-border-opacity: 1;
2444 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2445 }
2446
2447 .tr-root .hover\:tr-border-\[\#A9AEC0\]:hover{
2448 --tw-border-opacity: 1;
2449 border-color: rgb(169 174 192 / var(--tw-border-opacity, 1));
2450 }
2451
2452 .tr-root .hover\:tr-border-brand:hover{
2453 --tw-border-opacity: 1;
2454 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2455 }
2456
2457 .tr-root .hover\:tr-border-danger:hover{
2458 --tw-border-opacity: 1;
2459 border-color: rgb(146 28 19 / var(--tw-border-opacity, 1));
2460 }
2461
2462 .tr-root .hover\:tr-border-primary:hover{
2463 --tw-border-opacity: 1;
2464 border-color: rgb(213 213 221 / var(--tw-border-opacity, 1));
2465 }
2466
2467 .tr-root .hover\:tr-bg-\[\#3641D9\]:hover{
2468 --tw-bg-opacity: 1;
2469 background-color: rgb(54 65 217 / var(--tw-bg-opacity, 1));
2470 }
2471
2472 .tr-root .hover\:tr-bg-\[\#F7F8FB\]:hover{
2473 --tw-bg-opacity: 1;
2474 background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1));
2475 }
2476
2477 .tr-root .hover\:tr-bg-\[\#FAFBFC\]:hover{
2478 --tw-bg-opacity: 1;
2479 background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1));
2480 }
2481
2482 .tr-root .hover\:tr-bg-brand:hover{
2483 --tw-bg-opacity: 1;
2484 background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1));
2485 }
2486
2487 .tr-root .hover\:tr-bg-brand-bg:hover{
2488 --tw-bg-opacity: 1;
2489 background-color: rgb(238 240 255 / var(--tw-bg-opacity, 1));
2490 }
2491
2492 .tr-root .hover\:tr-bg-danger:hover{
2493 --tw-bg-opacity: 1;
2494 background-color: rgb(146 28 19 / var(--tw-bg-opacity, 1));
2495 }
2496
2497 .tr-root .hover\:tr-bg-danger-bg:hover{
2498 --tw-bg-opacity: 1;
2499 background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
2500 }
2501
2502 .tr-root .hover\:tr-bg-line-2:hover{
2503 --tw-bg-opacity: 1;
2504 background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1));
2505 }
2506
2507 .tr-root .hover\:tr-bg-line-2\/50:hover{
2508 background-color: rgb(226 230 241 / 0.5);
2509 }
2510
2511 .tr-root .hover\:tr-bg-white:hover{
2512 --tw-bg-opacity: 1;
2513 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2514 }
2515
2516 .tr-root .hover\:tr-text-\[\#3641D9\]:hover{
2517 --tw-text-opacity: 1;
2518 color: rgb(54 65 217 / var(--tw-text-opacity, 1));
2519 }
2520
2521 .tr-root .hover\:tr-text-blue-800:hover{
2522 --tw-text-opacity: 1;
2523 color: rgb(30 64 175 / var(--tw-text-opacity, 1));
2524 }
2525
2526 .tr-root .hover\:tr-text-brand:hover{
2527 --tw-text-opacity: 1;
2528 color: rgb(68 81 255 / var(--tw-text-opacity, 1));
2529 }
2530
2531 .tr-root .hover\:tr-text-danger:hover{
2532 --tw-text-opacity: 1;
2533 color: rgb(146 28 19 / var(--tw-text-opacity, 1));
2534 }
2535
2536 .tr-root .hover\:tr-text-primary:hover{
2537 --tw-text-opacity: 1;
2538 color: rgb(29 29 29 / var(--tw-text-opacity, 1));
2539 }
2540
2541 .tr-root .hover\:tr-text-secondary:hover{
2542 --tw-text-opacity: 1;
2543 color: rgb(83 83 83 / var(--tw-text-opacity, 1));
2544 }
2545
2546 .tr-root .hover\:tr-text-white:hover{
2547 --tw-text-opacity: 1;
2548 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2549 }
2550
2551 .tr-root .hover\:tr-underline:hover{
2552 text-decoration-line: underline;
2553 }
2554
2555 .tr-root .hover\:tr-opacity-100:hover{
2556 opacity: 1;
2557 }
2558
2559 .tr-root .hover\:tr-opacity-70:hover{
2560 opacity: 0.7;
2561 }
2562
2563 .tr-root .hover\:tr-shadow-lg:hover{
2564 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -2px rgba(0,0,0,.05);
2565 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
2566 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2567 }
2568
2569 .tr-root .hover\:tr-shadow-md:hover{
2570 --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -1px rgba(0,0,0,.06);
2571 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
2572 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2573 }
2574
2575 .tr-root .hover\:tr-brightness-110:hover{
2576 --tw-brightness: brightness(1.1);
2577 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
2578 }
2579
2580 .tr-root .focus\:tr-border-brand:focus{
2581 --tw-border-opacity: 1;
2582 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2583 }
2584
2585 .tr-root .focus\:tr-bg-white:focus{
2586 --tw-bg-opacity: 1;
2587 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2588 }
2589
2590 .tr-root .focus\:tr-outline-none:focus{
2591 outline: 2px solid transparent;
2592 outline-offset: 2px;
2593 }
2594
2595 .tr-root .focus\:tr-ring-2:focus{
2596 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2597 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2598 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2599 }
2600
2601 .tr-root .focus\:tr-ring-brand:focus{
2602 --tw-ring-opacity: 1;
2603 --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1));
2604 }
2605
2606 .tr-root .focus\:tr-ring-current:focus{
2607 --tw-ring-color: currentColor;
2608 }
2609
2610 .tr-root .focus\:tr-ring-offset-1:focus{
2611 --tw-ring-offset-width: 1px;
2612 }
2613
2614 .tr-root .focus\:tr-ring-offset-2:focus{
2615 --tw-ring-offset-width: 2px;
2616 }
2617
2618 .tr-root .focus-visible\:tr-border-brand:focus-visible{
2619 --tw-border-opacity: 1;
2620 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2621 }
2622
2623 .tr-root .focus-visible\:tr-ring-2:focus-visible{
2624 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2625 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2626 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2627 }
2628
2629 .tr-root .focus-visible\:tr-ring-inset:focus-visible{
2630 --tw-ring-inset: inset;
2631 }
2632
2633 .tr-root .focus-visible\:tr-ring-brand:focus-visible{
2634 --tw-ring-opacity: 1;
2635 --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1));
2636 }
2637
2638 .tr-root .disabled\:tr-cursor-not-allowed:disabled{
2639 cursor: not-allowed;
2640 }
2641
2642 .tr-root .disabled\:tr-border-secondary:disabled{
2643 --tw-border-opacity: 1;
2644 border-color: rgb(226 230 241 / var(--tw-border-opacity, 1));
2645 }
2646
2647 .tr-root .disabled\:tr-bg-white:disabled{
2648 --tw-bg-opacity: 1;
2649 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2650 }
2651
2652 .tr-root .disabled\:tr-text-tertiary:disabled{
2653 --tw-text-opacity: 1;
2654 color: rgb(90 92 94 / var(--tw-text-opacity, 1));
2655 }
2656
2657 .tr-root .disabled\:tr-opacity-40:disabled{
2658 opacity: 0.4;
2659 }
2660
2661 .tr-root .disabled\:tr-opacity-50:disabled{
2662 opacity: 0.5;
2663 }
2664
2665 .tr-root .disabled\:tr-opacity-60:disabled{
2666 opacity: 0.6;
2667 }
2668
2669 .tr-root .disabled\:tr-opacity-70:disabled{
2670 opacity: 0.7;
2671 }
2672
2673 .tr-root :is(.tr-group[open] .group-open\:tr-rotate-90){
2674 --tw-rotate: 90deg;
2675 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2676 }
2677
2678 @media (min-width: 640px){
2679 .tr-root .sm\:tr-block{
2680 display: block;
2681 }
2682 .tr-root .sm\:tr-w-80{
2683 width: 20rem;
2684 }
2685 .tr-root .sm\:tr-flex-1{
2686 flex: 1 1 0%;
2687 }
2688 .tr-root .sm\:tr-grid-cols-2{
2689 grid-template-columns: repeat(2, minmax(0, 1fr));
2690 }
2691 .tr-root .sm\:tr-grid-cols-4{
2692 grid-template-columns: repeat(4, minmax(0, 1fr));
2693 }
2694 .tr-root .sm\:tr-flex-row{
2695 flex-direction: row;
2696 }
2697 }
2698
2699 @media (min-width: 768px){
2700 .tr-root .md\:tr-sticky{
2701 position: sticky;
2702 }
2703 .tr-root .md\:tr-top-0{
2704 top: 0px;
2705 }
2706 .tr-root .md\:tr-top-4{
2707 top: 1rem;
2708 }
2709 .tr-root .md\:tr-block{
2710 display: block;
2711 }
2712 .tr-root .md\:tr-inline-flex{
2713 display: inline-flex;
2714 }
2715 .tr-root .md\:tr-w-44{
2716 width: 11rem;
2717 }
2718 .tr-root .md\:tr-w-52{
2719 width: 13rem;
2720 }
2721 .tr-root .md\:tr-w-56{
2722 width: 14rem;
2723 }
2724 .tr-root .md\:tr-w-full{
2725 width: 100%;
2726 }
2727 .tr-root .md\:tr-shrink-0{
2728 flex-shrink: 0;
2729 }
2730 .tr-root .md\:tr-grid-cols-2{
2731 grid-template-columns: repeat(2, minmax(0, 1fr));
2732 }
2733 .tr-root .md\:tr-grid-cols-3{
2734 grid-template-columns: repeat(3, minmax(0, 1fr));
2735 }
2736 .tr-root .md\:tr-grid-cols-4{
2737 grid-template-columns: repeat(4, minmax(0, 1fr));
2738 }
2739 .tr-root .md\:tr-flex-row{
2740 flex-direction: row;
2741 }
2742 .tr-root .md\:tr-flex-col{
2743 flex-direction: column;
2744 }
2745 .tr-root .md\:tr-items-stretch{
2746 align-items: stretch;
2747 }
2748 .tr-root .md\:tr-self-stretch{
2749 align-self: stretch;
2750 }
2751 .tr-root .md\:tr-overflow-visible{
2752 overflow: visible;
2753 }
2754 .tr-root .md\:tr-overflow-x-visible{
2755 overflow-x: visible;
2756 }
2757 .tr-root .md\:tr-border-b-0{
2758 border-bottom-width: 0px;
2759 }
2760 .tr-root .md\:tr-border-r{
2761 border-right-width: 1px;
2762 }
2763 .tr-root .md\:tr-p-6{
2764 padding: 1.5rem;
2765 }
2766 .tr-root .md\:tr-px-3{
2767 padding-left: 0.75rem;
2768 padding-right: 0.75rem;
2769 }
2770 .tr-root .md\:tr-px-8{
2771 padding-left: 2rem;
2772 padding-right: 2rem;
2773 }
2774 .tr-root .md\:tr-text-sm{
2775 font-size: 0.875rem;
2776 line-height: 1.5;
2777 }
2778 }
2779
2780 @media (min-width: 1024px){
2781 .tr-root .lg\:tr-absolute{
2782 position: absolute;
2783 }
2784 .tr-root .lg\:tr-inset-0{
2785 inset: 0px;
2786 }
2787 .tr-root .lg\:tr-col-span-2{
2788 grid-column: span 2 / span 2;
2789 }
2790 .tr-root .lg\:tr-col-span-3{
2791 grid-column: span 3 / span 3;
2792 }
2793 .tr-root .lg\:tr-flex{
2794 display: flex;
2795 }
2796 .tr-root .lg\:tr-inline-flex{
2797 display: inline-flex;
2798 }
2799 .tr-root .lg\:tr-w-56{
2800 width: 14rem;
2801 }
2802 .tr-root .lg\:tr-grid-cols-2{
2803 grid-template-columns: repeat(2, minmax(0, 1fr));
2804 }
2805 .tr-root .lg\:tr-grid-cols-3{
2806 grid-template-columns: repeat(3, minmax(0, 1fr));
2807 }
2808 .tr-root .lg\:tr-grid-cols-4{
2809 grid-template-columns: repeat(4, minmax(0, 1fr));
2810 }
2811 .tr-root .lg\:tr-grid-cols-5{
2812 grid-template-columns: repeat(5, minmax(0, 1fr));
2813 }
2814 .tr-root .lg\:tr-grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{
2815 grid-template-columns: minmax(0,1fr) minmax(0,2fr);
2816 }
2817 .tr-root .lg\:tr-gap-6{
2818 gap: 1.5rem;
2819 }
2820 .tr-root .lg\:tr-gap-8{
2821 gap: 2rem;
2822 }
2823 .tr-root .lg\:tr-p-8{
2824 padding: 2rem;
2825 }
2826 .tr-root .lg\:tr-pt-2\.5{
2827 padding-top: 0.625rem;
2828 }
2829 }
2830
2831 @media (min-width: 1280px){
2832 .tr-root .xl\:tr-col-span-2{
2833 grid-column: span 2 / span 2;
2834 }
2835 .tr-root .xl\:tr-block{
2836 display: block;
2837 }
2838 .tr-root .xl\:tr-grid-cols-3{
2839 grid-template-columns: repeat(3, minmax(0, 1fr));
2840 }
2841 }
2842
2843 .tr-root :is(.\[\&_p\:last-child\]\:tr-mb-0 p:last-child){
2844 margin-bottom: 0px;
2845 }
2846
2847 .tr-root :is(.\[\&_p\]\:tr-mb-3 p){
2848 margin-bottom: 0.75rem;
2849 }
2850
2851 .tr-root :is(.\[\&_p\]\:tr-mt-0 p){
2852 margin-top: 0px;
2853 }
2854
2855 .tr-root :is(.\[\&_strong\]\:tr-font-semibold strong){
2856 font-weight: 600;
2857 }
2858
2859 .tr-root :is(.\[\&_strong\]\:tr-text-primary strong){
2860 --tw-text-opacity: 1;
2861 color: rgb(29 29 29 / var(--tw-text-opacity, 1));
2862 }
2863
2864 @font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-ext-wght-normal.8bff79fb.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/inter-latin-wght-normal.4f2981d8.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body.thinkrank-setup-wizard-active #wpbody-content{background:radial-gradient(900px 420px at 12% -8%, rgba(68, 81, 255, 0.07), transparent 60%),radial-gradient(760px 380px at 100% 0%, rgba(108, 120, 255, 0.06), transparent 55%)}.tr-wizard-skeleton .tr-wizard__step{flex:1;min-width:0}.tr-wizard-skeleton .tr-wizard__header{display:flex;flex-direction:column;gap:10px}.tr-skel{display:block;border-radius:6px;background:#eef0f5;background-image:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.85) 50%, transparent 100%);background-repeat:no-repeat;background-size:200px 100%;background-position:-200px 0;animation:thinkrank-wizard-shimmer 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite}.tr-skel--marker{width:28px;height:28px;border-radius:50%;flex-shrink:0}.tr-skel--step-label{width:100%;max-width:84px;height:12px}.tr-skel--title{width:260px;max-width:100%;height:20px;border-radius:8px}.tr-skel--subtitle{width:420px;max-width:100%;height:12px}.tr-wizard-skeleton__rows{display:flex;flex-direction:column;gap:14px}.tr-wizard-skeleton__row{display:flex;align-items:center;gap:16px;border:1px solid #e7e8f0;border-radius:12px;padding:16px 18px;background:#fff}.tr-wizard-skeleton__row-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.tr-skel--row-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0}.tr-skel--row-title{width:180px;max-width:100%;height:13px}.tr-skel--row-detail{width:300px;max-width:100%;height:11px}.tr-skel--row-badge{width:74px;height:24px;border-radius:999px;flex-shrink:0}.tr-skel--btn{width:132px;height:40px;border-radius:12px}.tr-skel--btn-ghost{width:84px;height:20px;border-radius:8px}@keyframes thinkrank-wizard-shimmer{to{background-position:calc(100% + 200px) 0}}@media(prefers-reduced-motion: reduce){.tr-skel{animation:none}}@keyframes thinkrank-wizard-spin{to{transform:rotate(360deg)}}@keyframes thinkrank-wizard-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tr-wizard{box-sizing:border-box;max-width:1080px;margin:28px auto 56px;padding:0 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#16181d;-webkit-font-smoothing:antialiased}.tr-wizard *{box-sizing:border-box}.tr-wizard__panel{display:flex;flex-direction:column;background:#fff;border:1px solid #e7e8f0;border-radius:22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 28px -8px rgba(16,24,40,.1),0 32px 56px -20px rgba(68,81,255,.14);overflow:hidden}.tr-wizard__stepper-card{background:linear-gradient(180deg, #f3f4ff 0%, rgba(243, 244, 255, 0) 100%),#fff;padding:4px 32px 0;border-bottom:1px solid #eef0f5}.tr-wizard__stepper{display:flex;align-items:stretch;justify-content:space-between;gap:4px;margin:0;padding:0;list-style:none}.tr-wizard__step{display:flex;align-items:center;gap:10px;margin:0;padding:18px 6px;position:relative;border-bottom:3px solid rgba(0,0,0,0);transition:border-color .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__step-button{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0;background:none;border:0;cursor:pointer;font:inherit;color:inherit}.tr-wizard__step-button:disabled{cursor:default}.tr-wizard__step-button:not(:disabled):hover .tr-wizard__step-marker{border-color:#4451ff;color:#4451ff}.tr-wizard__step-button:not(:disabled):hover .tr-wizard__step-label{color:#16181d}.tr-wizard__step-button:focus-visible{outline:2px solid #4451ff;outline-offset:3px;border-radius:6px}.tr-wizard__step-marker{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:600;border:1.5px solid #d5d7e2;color:#8a8d95;background:#fff;flex-shrink:0;transition:background .22s cubic-bezier(0.4, 0, 0.2, 1),border-color .22s cubic-bezier(0.4, 0, 0.2, 1),color .22s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__step-label{font-size:15px;font-weight:500;color:#676b73;white-space:nowrap;transition:color .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__step.is-active{border-bottom-color:#4451ff}.tr-wizard__step.is-active::after{content:"";position:absolute;left:6px;right:6px;bottom:-3px;height:3px;border-radius:3px 3px 0 0;background:#4451ff}.tr-wizard__step.is-active .tr-wizard__step-marker{background:linear-gradient(135deg, #4451ff 0%, #6c78ff 100%);border-color:#4451ff;color:#fff;box-shadow:0 4px 10px -2px rgba(68,81,255,.5)}.tr-wizard__step.is-active .tr-wizard__step-label{color:#4451ff;font-weight:600}.tr-wizard__step.is-complete .tr-wizard__step-marker{background:#e9ecfe;border-color:rgba(0,0,0,0);color:#4451ff}.tr-wizard__step.is-complete .tr-wizard__step-label{color:#16181d}.tr-wizard__card{display:flex;flex-direction:column;background:#fff}.tr-wizard__header{padding:28px 40px 16px}.tr-wizard__title{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:-0.01em;color:#16181d}.tr-wizard__subtitle{margin:0;max-width:68ch;font-size:14px;line-height:1.55;color:#676b73}.tr-wizard__divider{height:1px;background:#eef0f5}.tr-wizard__body{display:flex;flex-direction:column;flex:1 0 auto;padding:28px 40px 36px;animation:thinkrank-wizard-fade .28s cubic-bezier(0.4, 0, 0.2, 1) both}.tr-wizard__error{margin-top:16px;padding:12px 16px;border-radius:12px;background:#fef3f2;border:1px solid #fecdca;color:#912018;font-size:13px;line-height:1.5}.tr-wizard__notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 20px;padding:12px 16px;border-radius:12px;font-size:13px;line-height:1.5;border:1px solid rgba(0,0,0,0)}.tr-wizard__notice--success{background:#ecfdf3;border-color:#abefc6;color:#05603a}.tr-wizard__notice--error{background:#fffaeb;border-color:#fedf89;color:#93370d}.tr-wizard__notice-text{flex:1}.tr-wizard__notice-dismiss{flex:none;padding:0;border:0;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__notice-dismiss:hover{opacity:1}.tr-wizard__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 40px 22px;border-top:1px solid #eef0f5;background:linear-gradient(180deg, rgba(246, 247, 251, 0) 0%, #f6f7fb 100%)}.tr-wizard__footer--ready{margin:auto -40px -36px;padding-left:40px;padding-right:40px}.tr-wizard__footer-left{display:flex;align-items:center}.tr-wizard__footer-right{display:flex;align-items:center;gap:12px}.tr-wizard__skip.components-button.is-link{color:#676b73;font-weight:600;text-decoration:none}.tr-wizard__skip.components-button.is-link:hover:not(:disabled),.tr-wizard__skip.components-button.is-link:focus:not(:disabled){color:#4451ff;text-decoration:underline}.tr-wizard .components-button.is-primary{background:#4451ff;border-color:#4451ff;border-radius:12px;min-height:40px;padding:9px 20px;font-size:14px;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:background .15s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .15s cubic-bezier(0.4, 0, 0.2, 1),transform .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard .components-button.is-primary:hover:not(:disabled),.tr-wizard .components-button.is-primary:focus:not(:disabled),.tr-wizard .components-button.is-primary:active:not(:disabled){background:#3a46e0;border-color:#3a46e0;color:#fff;box-shadow:0 6px 16px -4px rgba(68,81,255,.5)}.tr-wizard .components-button.is-primary:active:not(:disabled){transform:translateY(1px)}.tr-wizard .components-button.is-primary.is-busy,.tr-wizard .components-button.is-primary.is-busy:disabled,.tr-wizard .components-button.is-primary.is-busy[aria-disabled=true]{background:#4451ff;background-image:none;border-color:#4451ff;color:#fff;opacity:1}.tr-wizard .components-button.is-primary.is-busy::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid hsla(0,0%,100%,.45);border-top-color:#fff;border-radius:50%;animation:thinkrank-wizard-spin .7s linear infinite}.tr-wizard .components-button.is-secondary{color:#4a4d55;border-radius:12px;min-height:40px;padding:9px 18px;font-size:14px;font-weight:600;background:#fff;box-shadow:inset 0 0 0 1px #d5d7e2,0 1px 2px rgba(16,24,40,.06);transition:background .15s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .15s cubic-bezier(0.4, 0, 0.2, 1),color .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard .components-button.is-secondary:hover:not(:disabled),.tr-wizard .components-button.is-secondary:focus:not(:disabled){background:#f6f7fb;color:#16181d;box-shadow:inset 0 0 0 1px #d5d7e2,0 1px 2px rgba(16,24,40,.06)}.tr-wizard .components-button.tr-wizard__import-btn{min-height:38px;padding:8px 18px;border-radius:12px;font-size:14px;font-weight:700;background:#f3f4ff;color:#4451ff;box-shadow:inset 0 0 0 1px rgba(68,81,255,.45);transition:background .15s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard .components-button.tr-wizard__import-btn:hover:not(:disabled):not([aria-disabled=true]),.tr-wizard .components-button.tr-wizard__import-btn:focus:not(:disabled):not([aria-disabled=true]){background:#e9ecfe;color:#2f39c9;box-shadow:inset 0 0 0 1px #4451ff}.tr-wizard .components-button.tr-wizard__import-btn:disabled,.tr-wizard .components-button.tr-wizard__import-btn[aria-disabled=true]{background:#eeeff2;color:#b0b2c0;box-shadow:inset 0 0 0 1px #e7e8f0;opacity:1}.tr-wizard .components-base-control__label,.tr-wizard .components-input-control__label{text-transform:none;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:normal;color:#16181d;margin-bottom:6px}.tr-wizard .components-text-control__input,.tr-wizard .components-input-control__container input{border-radius:8px;border:1.5px solid #d5d7e2;box-shadow:none;min-height:40px;transition:border-color .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard .components-text-control__input:focus,.tr-wizard .components-input-control__container input:focus{border-color:#4451ff;box-shadow:none;outline:none}.tr-wizard .thinkrank-media-picker .components-base-control__label{display:block;font-size:14px;font-weight:500;color:#16181d;margin-bottom:8px}.tr-wizard .thinkrank-media-picker .components-base-control__help{color:#4a4d55;font-size:13px;margin:6px 0 0}.tr-wizard .thinkrank-media-picker+.thinkrank-media-picker{margin-top:22px}.tr-wizard__cols>.thinkrank-media-picker+.thinkrank-media-picker{margin-top:0}.tr-wizard .components-form-toggle.is-checked .components-form-toggle__track{background-color:#4451ff;border-color:#4451ff}.tr-wizard .components-button.tr-wizard__google-btn{background:#fff;color:#16181d}.tr-wizard .components-button.tr-wizard__google-btn:hover:not(:disabled),.tr-wizard .components-button.tr-wizard__google-btn:focus:not(:disabled){background:#f6f7fb;color:#16181d}.thinkrank-google-icon{display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:middle}.tr-wizard__stack{display:flex;flex-direction:column;gap:16px}.tr-wizard__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tr-wizard__group{border:1px solid #e7e8f0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;background:#fff;transition:border-color .22s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__group:hover{border-color:#d5d7e2}.tr-wizard__group-head{display:flex;flex-direction:column;gap:4px}.tr-wizard__group-title{font-size:15px;font-weight:600;color:#16181d}.tr-wizard__group-sub{font-size:13px;color:#676b73}.tr-wizard__section-label{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.06em;color:#8a8d95;margin-top:6px}.tr-wizard__pills{display:flex;flex-wrap:wrap;gap:10px}.tr-wizard__pill{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1.5px solid #e7e8f0;background:#fff;color:#4a4d55;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;line-height:1;transition:background .15s cubic-bezier(0.4, 0, 0.2, 1),color .15s cubic-bezier(0.4, 0, 0.2, 1),border-color .15s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__pill:hover{border-color:#d5d7e2;color:#16181d}.tr-wizard__pill.is-selected{background:#f3f4ff;border-color:#4451ff;color:#4451ff;box-shadow:0 1px 2px rgba(68,81,255,.12)}.tr-wizard__pill-radio{width:15px;height:15px;border-radius:50%;border:1.5px solid #c4c4d4;position:relative;flex-shrink:0;transition:border-color .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__pill.is-selected .tr-wizard__pill-radio{border-color:#4451ff}.tr-wizard__pill.is-selected .tr-wizard__pill-radio::after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:#4451ff}.tr-wizard__rows{display:flex;flex-direction:column;gap:14px}.tr-wizard__row-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e7e8f0;border-radius:12px;padding:16px 18px;background:#fff;transition:border-color .22s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__row-card:hover{border-color:#d5d7e2;box-shadow:0 1px 2px rgba(16,24,40,.04)}.tr-wizard__row-card--migration{flex-direction:column;align-items:stretch;gap:16px}.tr-wizard__row-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.tr-wizard__row-main{display:flex;align-items:center;gap:16px}.tr-wizard__import-detecting,.tr-wizard__import-empty{color:#4a4d55;font-size:14px;padding:4px 0}.tr-wizard__import-progress{display:flex;flex-direction:column;gap:16px;padding-left:64px}.tr-wizard__import-progress-title{font-size:14px;font-weight:600;color:#16181d}.tr-wizard__import-bar{height:8px;border-radius:999px;background:#eef0f5;overflow:hidden}.tr-wizard__import-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg, #4451ff 0%, #6c78ff 100%);transition:width .3s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__import-steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.tr-wizard__import-step{position:relative;display:flex;align-items:center;gap:10px}.tr-wizard__import-step:not(:last-child)::before{content:"";position:absolute;left:9px;top:20px;width:2px;height:12px;background:#e7e8f0}.tr-wizard__import-step-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;border:1.5px solid #d5d7e2;background:#fff;color:#fff;transition:background .22s cubic-bezier(0.4, 0, 0.2, 1),border-color .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__import-step-label{font-size:14px;font-weight:500;color:#16181d}.tr-wizard__import-step.is-active .tr-wizard__import-step-dot{border-color:#4451ff;box-shadow:0 0 0 3px rgba(68,81,255,.14)}.tr-wizard__import-step.is-done .tr-wizard__import-step-dot{border-color:#4451ff;background:#4451ff}.tr-wizard__import-step.is-active .tr-wizard__import-step-label{font-weight:600;color:#4451ff}.tr-wizard__import-step.is-pending .tr-wizard__import-step-label{color:#8a8d95}.tr-wizard__import-done{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#4451ff}.tr-wizard__import-done-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#4451ff;color:#fff}.tr-wizard__import-error{margin:8px 0 0;font-size:13px;color:#912018}.tr-wizard__row-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#f3f4ff;color:#4451ff;font-weight:700;flex-shrink:0}.tr-wizard__row-logo{display:block;width:48px;height:48px;flex-shrink:0;border-radius:10px}.tr-wizard__row-logo--text{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#f3f4ff;color:#4451ff;font-size:20px;font-weight:700;line-height:1}.tr-wizard__row-text{display:flex;flex-direction:column;gap:3px}.tr-wizard__row-title{font-size:15px;font-weight:600;color:#16181d}.tr-wizard__row-detail{font-size:12.5px;color:#676b73}.tr-wizard__badge{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap}.tr-wizard__badge.is-success{background:#ecfdf3;color:#027a48;box-shadow:inset 0 0 0 1px #abefc6}.tr-wizard__badge.is-neutral{background:#f6f7fb;color:#8a8d95;box-shadow:inset 0 0 0 1px #e7e8f0}.tr-wizard__badge-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#ecfdf3;color:#027a48;box-shadow:inset 0 0 0 1px #abefc6;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:10px}.tr-wizard__badge-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentcolor}.tr-wizard__start{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:8px 0 4px}.tr-wizard__start-preview{width:100%;display:flex;justify-content:center;margin:-42px 0 -25px}.tr-wizard__start-preview-img{display:block;width:380px;max-width:100%;height:auto}.tr-wizard__start-usage-title{margin:0 0 14px;font-size:16px;font-weight:600;color:#16181d}.tr-wizard__start-usage{max-width:620px;margin:0;font-size:13px;line-height:1.6;color:#676b73}.tr-wizard__start-usage+.tr-wizard__start-usage{margin-top:6px}.tr-wizard__start-collect-link{padding:0;border:0;background:none;color:#4451ff;font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.tr-wizard__start-collect-link:hover,.tr-wizard__start-collect-link:focus{color:#3a46e0}.tr-wizard__start-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:30px}.tr-wizard__plugin-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:14px}.tr-wizard__plugin-card{border:1px solid #e7e8f0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fff;transition:border-color .22s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1),transform .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__plugin-card:hover{border-color:rgba(68,81,255,.4);box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px -8px rgba(68,81,255,.2);transform:translateY(-2px)}.tr-wizard__plugin-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #eef0f5}.tr-wizard__plugin-logo{display:block;width:40px;height:40px;padding:4px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(68,81,255,.13),inset 0 0 6px 0 #d6d6ff;flex-shrink:0}.tr-wizard__plugin-name{font-size:15px;font-weight:600;flex:1}.tr-wizard__plugin-status{flex-shrink:0;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.03em;color:#05603a;background:#ecfdf3;box-shadow:inset 0 0 0 1px #abefc6}.tr-wizard__plugin-desc{margin:0;font-size:13px;line-height:1.6;color:#676b73}.tr-wizard__social-list{display:flex;flex-direction:column;gap:14px}.tr-wizard__social-row{display:flex;align-items:center;gap:12px;border:1px solid #e7e8f0;border-radius:12px;padding:8px 16px;background:#fff;transition:border-color .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__social-row:focus-within{border-color:#4451ff}.tr-wizard__social-brand{display:block;width:28px;height:28px;flex-shrink:0}.tr-wizard__social-name{width:96px;flex-shrink:0;font-size:14px;font-weight:500;color:#16181d}.tr-wizard__social-row .tr-wizard__social-input{flex:1;min-width:0;min-height:36px;border:0 !important;border-left:1px solid #e7e8f0 !important;border-radius:0 !important;padding:8px 0 8px 16px;margin:0;font-size:14px;color:#16181d;background:rgba(0,0,0,0);box-shadow:none !important}.tr-wizard__social-row .tr-wizard__social-input::placeholder{color:#8a8d95}.tr-wizard__social-row .tr-wizard__social-input:focus{outline:none;border-left-color:#4451ff !important}.tr-wizard__ready{display:flex;flex-direction:column;flex:1 0 auto}.tr-wizard__status-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.tr-wizard__status-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #e7e8f0;border-radius:12px;background:linear-gradient(180deg, #fff 0%, rgba(236, 253, 243, 0.35) 100%)}.tr-wizard__status-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ecfdf3;color:#027a48;box-shadow:inset 0 0 0 1px #abefc6;font-size:13px;font-weight:700;flex-shrink:0}.tr-wizard__status-text{display:flex;flex-direction:column;gap:4px}.tr-wizard__status-title{font-size:15px;font-weight:600}.tr-wizard__status-detail{font-size:13px;line-height:1.5;color:#676b73}.tr-wizard__mcp-loading{color:#4a4d55;font-size:14px;padding:4px 0}.tr-wizard__mcp-access{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border:1px solid #e7e8f0;border-radius:12px;padding:18px;background:linear-gradient(180deg, #f3f4ff 0%, #fff 60%)}.tr-wizard__mcp-access .components-form-toggle{flex-shrink:0;margin-top:2px}.tr-wizard__mcp-access-text{display:flex;flex-direction:column;gap:8px}.tr-wizard__mcp-access-head{display:flex;align-items:center;gap:10px}.tr-wizard__mcp-access-desc{margin:0;max-width:72ch;font-size:13px;line-height:1.6;color:#676b73}.tr-wizard__mcp-connector{display:flex;flex-direction:column;gap:16px;border:1px solid #e7e8f0;border-radius:12px;padding:18px;background:#fff;transition:border-color .22s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__mcp-connector:hover{border-color:#d5d7e2;box-shadow:0 1px 2px rgba(16,24,40,.04)}.tr-wizard__mcp-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.tr-wizard__mcp-icon svg{width:22px;height:22px}.tr-wizard__mcp-detail{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #eef0f5}.tr-wizard__mcp-field-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a8d95}.tr-wizard__mcp-url{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 14px;border:1.5px solid #d5d7e2;border-radius:10px;background:#f6f7fb}.tr-wizard__mcp-url code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;background:none;font-size:13px;font-family:ui-monospace,sfmono-regular,menlo,monospace;color:#4a4d55}.tr-wizard__mcp-copy{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:32px;padding:0 14px;border:0;border-radius:8px;cursor:pointer;background:#fff;color:#4451ff;font-size:13px;font-weight:600;box-shadow:inset 0 0 0 1px #d5d7e2;transition:background .15s cubic-bezier(0.4, 0, 0.2, 1),box-shadow .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard__mcp-copy:hover,.tr-wizard__mcp-copy:focus{background:#f3f4ff;box-shadow:inset 0 0 0 1px #4451ff}.tr-wizard__mcp-steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.tr-wizard__mcp-steps li{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:14px;line-height:1.5;color:#4a4d55}.tr-wizard__mcp-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#e9ecfe;color:#4451ff;font-size:12px;font-weight:700}.tr-wizard__help{display:flex;flex-direction:column;width:100%;max-width:460px;margin:8px auto;overflow:hidden;border:1px solid #e7e8f0;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04)}.tr-wizard__help-hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:34px 24px 30px;background:radial-gradient(120% 120% at 50% -10%, rgba(255, 255, 255, 0.22), transparent 60%),linear-gradient(135deg, #4451ff 0%, #6c78ff 100%)}.tr-wizard__help-icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;color:#fff;background:hsla(0,0%,100%,.16);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.45)}.tr-wizard__help-pill{display:inline-flex;align-items:center;padding:5px 14px;border-radius:999px;background:hsla(0,0%,100%,.18);color:#fff;font-size:13px;font-weight:600;letter-spacing:.01em}.tr-wizard__help-body{display:flex;flex-direction:column;align-items:center;gap:22px;padding:26px 24px}.tr-wizard__help-benefits{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0;padding:0;list-style:none}.tr-wizard__help-benefit{display:flex;align-items:center;gap:12px;margin:0;font-size:14px;color:#16181d}.tr-wizard__help-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#e9ecfe;color:#4451ff}.tr-wizard .components-button.is-primary.tr-wizard__help-cta{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:12px 30px;font-size:15px}.tr-wizard .components-button.is-primary.tr-wizard__help-cta svg{transition:transform .15s cubic-bezier(0.4, 0, 0.2, 1)}.tr-wizard .components-button.is-primary.tr-wizard__help-cta:hover svg,.tr-wizard .components-button.is-primary.tr-wizard__help-cta:focus svg{transform:translateX(3px)}.tr-wizard__help-note{font-size:13px;color:#8a8d95}@media(max-width: 960px){.tr-wizard__plugin-grid{grid-template-columns:1fr 1fr}}@media(max-width: 782px){.tr-wizard{margin-top:16px}.tr-wizard__stepper-card{padding-left:20px;padding-right:20px}.tr-wizard__stepper{flex-wrap:wrap;gap:4px 16px}.tr-wizard__step{padding:12px 4px}.tr-wizard__step.is-active::after{display:none}.tr-wizard__header,.tr-wizard__body,.tr-wizard__footer{padding-left:20px;padding-right:20px}.tr-wizard__footer--ready{margin-left:-20px;margin-right:-20px}.tr-wizard__cols,.tr-wizard__status-grid,.tr-wizard__plugin-grid{grid-template-columns:1fr}}
2865