PluginProbe
ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO / 2.7.0
ThinkRank AI SEO – AI SEO Plugin for WordPress: Schema, XML Sitemaps, Meta Tags, Search Console & Local SEO v2.7.0
2.7.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 All 48 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.7.0, at assets/setup-wizard.css

2,868 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-\[260px\]{
903 width: 260px;
904 }
905 .tr-root .tr-w-full{
906 width: 100%;
907 }
908 .tr-root .tr-w-max{
909 width: max-content;
910 }
911 .tr-root .tr-w-px{
912 width: 1px;
913 }
914 .tr-root .tr-min-w-0{
915 min-width: 0px;
916 }
917 .tr-root .tr-min-w-\[1\.5rem\]{
918 min-width: 1.5rem;
919 }
920 .tr-root .tr-min-w-\[1\.75rem\]{
921 min-width: 1.75rem;
922 }
923 .tr-root .tr-min-w-\[120px\]{
924 min-width: 120px;
925 }
926 .tr-root .tr-min-w-\[16px\]{
927 min-width: 16px;
928 }
929 .tr-root .tr-min-w-\[170px\]{
930 min-width: 170px;
931 }
932 .tr-root .tr-min-w-\[18px\]{
933 min-width: 18px;
934 }
935 .tr-root .tr-min-w-\[200px\]{
936 min-width: 200px;
937 }
938 .tr-root .tr-min-w-\[20px\]{
939 min-width: 20px;
940 }
941 .tr-root .tr-min-w-\[260px\]{
942 min-width: 260px;
943 }
944 .tr-root .tr-max-w-2xl{
945 max-width: 42rem;
946 }
947 .tr-root .tr-max-w-4xl{
948 max-width: 56rem;
949 }
950 .tr-root .tr-max-w-\[260px\]{
951 max-width: 260px;
952 }
953 .tr-root .tr-max-w-\[280px\]{
954 max-width: 280px;
955 }
956 .tr-root .tr-max-w-\[480px\]{
957 max-width: 480px;
958 }
959 .tr-root .tr-max-w-full{
960 max-width: 100%;
961 }
962 .tr-root .tr-max-w-lg{
963 max-width: 32rem;
964 }
965 .tr-root .tr-max-w-md{
966 max-width: 28rem;
967 }
968 .tr-root .tr-max-w-sm{
969 max-width: 24rem;
970 }
971 .tr-root .tr-max-w-xl{
972 max-width: 36rem;
973 }
974 .tr-root .tr-max-w-xs{
975 max-width: 20rem;
976 }
977 .tr-root .tr-flex-1{
978 flex: 1 1 0%;
979 }
980 .tr-root .tr-shrink-0{
981 flex-shrink: 0;
982 }
983 .tr-root .tr-border-collapse{
984 border-collapse: collapse;
985 }
986 .tr-root .-tr-translate-y-1\/2{
987 --tw-translate-y: -50%;
988 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));
989 }
990 .tr-root .tr--translate-x-1\/2{
991 --tw-translate-x: -50%;
992 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));
993 }
994 .tr-root .tr--translate-y-1\/2{
995 --tw-translate-y: -50%;
996 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));
997 }
998 .tr-root .tr-translate-x-0{
999 --tw-translate-x: 0px;
1000 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));
1001 }
1002 .tr-root .tr-translate-x-5{
1003 --tw-translate-x: 1.25rem;
1004 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));
1005 }
1006 .tr-root .tr-translate-y-0{
1007 --tw-translate-y: 0px;
1008 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));
1009 }
1010 .tr-root .tr-translate-y-full{
1011 --tw-translate-y: 100%;
1012 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));
1013 }
1014 .tr-root .-tr-rotate-90{
1015 --tw-rotate: -90deg;
1016 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));
1017 }
1018 .tr-root .tr-rotate-180{
1019 --tw-rotate: 180deg;
1020 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));
1021 }
1022 .tr-root .tr-rotate-90{
1023 --tw-rotate: 90deg;
1024 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));
1025 }
1026 .tr-root .tr-animate-\[fadeIn_150ms_ease-out\]{
1027 animation: fadeIn 150ms ease-out;
1028 }
1029 @keyframes tr-pulse{
1030 50%{
1031 opacity: .5;
1032 }
1033 }
1034 .tr-root .tr-animate-pulse{
1035 animation: tr-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1036 }
1037 @keyframes tr-skeleton-pulse{
1038 0%, 100%{
1039 opacity: 1;
1040 }
1041 50%{
1042 opacity: 0.4;
1043 }
1044 }
1045 .tr-root .tr-animate-skeleton-pulse{
1046 animation: tr-skeleton-pulse 1.5s ease-in-out infinite;
1047 }
1048 @keyframes tr-spin{
1049 to{
1050 transform: rotate(360deg);
1051 }
1052 }
1053 .tr-root .tr-animate-spin{
1054 animation: tr-spin 1s linear infinite;
1055 }
1056 .tr-root .tr-cursor-default{
1057 cursor: default;
1058 }
1059 .tr-root .tr-cursor-help{
1060 cursor: help;
1061 }
1062 .tr-root .tr-cursor-not-allowed{
1063 cursor: not-allowed;
1064 }
1065 .tr-root .tr-cursor-pointer{
1066 cursor: pointer;
1067 }
1068 .tr-root .tr-select-none{
1069 -webkit-user-select: none;
1070 user-select: none;
1071 }
1072 .tr-root .tr-resize-y{
1073 resize: vertical;
1074 }
1075 .tr-root .tr-list-disc{
1076 list-style-type: disc;
1077 }
1078 .tr-root .tr-list-none{
1079 list-style-type: none;
1080 }
1081 .tr-root .tr-appearance-none{
1082 appearance: none;
1083 }
1084 .tr-root .tr-grid-cols-1{
1085 grid-template-columns: repeat(1, minmax(0, 1fr));
1086 }
1087 .tr-root .tr-grid-cols-2{
1088 grid-template-columns: repeat(2, minmax(0, 1fr));
1089 }
1090 .tr-root .tr-grid-cols-3{
1091 grid-template-columns: repeat(3, minmax(0, 1fr));
1092 }
1093 .tr-root .tr-grid-cols-\[1\.75rem_1fr\]{
1094 grid-template-columns: 1.75rem 1fr;
1095 }
1096 .tr-root .tr-grid-rows-\[0fr\]{
1097 grid-template-rows: 0fr;
1098 }
1099 .tr-root .tr-grid-rows-\[1fr\]{
1100 grid-template-rows: 1fr;
1101 }
1102 .tr-root .tr-flex-row{
1103 flex-direction: row;
1104 }
1105 .tr-root .tr-flex-col{
1106 flex-direction: column;
1107 }
1108 .tr-root .tr-flex-wrap{
1109 flex-wrap: wrap;
1110 }
1111 .tr-root .tr-items-start{
1112 align-items: flex-start;
1113 }
1114 .tr-root .tr-items-end{
1115 align-items: flex-end;
1116 }
1117 .tr-root .tr-items-center{
1118 align-items: center;
1119 }
1120 .tr-root .tr-items-baseline{
1121 align-items: baseline;
1122 }
1123 .tr-root .tr-items-stretch{
1124 align-items: stretch;
1125 }
1126 .tr-root .tr-justify-start{
1127 justify-content: flex-start;
1128 }
1129 .tr-root .tr-justify-end{
1130 justify-content: flex-end;
1131 }
1132 .tr-root .tr-justify-center{
1133 justify-content: center;
1134 }
1135 .tr-root .tr-justify-between{
1136 justify-content: space-between;
1137 }
1138 .tr-root .tr-justify-around{
1139 justify-content: space-around;
1140 }
1141 .tr-root .tr-gap-0{
1142 gap: 0px;
1143 }
1144 .tr-root .tr-gap-0\.5{
1145 gap: 0.125rem;
1146 }
1147 .tr-root .tr-gap-1{
1148 gap: 0.25rem;
1149 }
1150 .tr-root .tr-gap-1\.5{
1151 gap: 0.375rem;
1152 }
1153 .tr-root .tr-gap-10{
1154 gap: 2.5rem;
1155 }
1156 .tr-root .tr-gap-2{
1157 gap: 0.5rem;
1158 }
1159 .tr-root .tr-gap-2\.5{
1160 gap: 0.625rem;
1161 }
1162 .tr-root .tr-gap-3{
1163 gap: 0.75rem;
1164 }
1165 .tr-root .tr-gap-3\.5{
1166 gap: 0.875rem;
1167 }
1168 .tr-root .tr-gap-4{
1169 gap: 1rem;
1170 }
1171 .tr-root .tr-gap-5{
1172 gap: 1.25rem;
1173 }
1174 .tr-root .tr-gap-6{
1175 gap: 1.5rem;
1176 }
1177 .tr-root .tr-gap-7{
1178 gap: 1.75rem;
1179 }
1180 .tr-root .tr-gap-8{
1181 gap: 2rem;
1182 }
1183 .tr-root .tr-gap-px{
1184 gap: 1px;
1185 }
1186 .tr-root .tr-gap-x-10{
1187 column-gap: 2.5rem;
1188 }
1189 .tr-root .tr-gap-x-2{
1190 column-gap: 0.5rem;
1191 }
1192 .tr-root .tr-gap-x-5{
1193 column-gap: 1.25rem;
1194 }
1195 .tr-root .tr-gap-x-6{
1196 column-gap: 1.5rem;
1197 }
1198 .tr-root .tr-gap-x-8{
1199 column-gap: 2rem;
1200 }
1201 .tr-root .tr-gap-y-1{
1202 row-gap: 0.25rem;
1203 }
1204 .tr-root .tr-gap-y-2{
1205 row-gap: 0.5rem;
1206 }
1207 .tr-root .tr-gap-y-2\.5{
1208 row-gap: 0.625rem;
1209 }
1210 .tr-root .tr-gap-y-4{
1211 row-gap: 1rem;
1212 }
1213 .tr-root .tr-gap-y-5{
1214 row-gap: 1.25rem;
1215 }
1216 .tr-root :is(.tr-space-y-1 > :not([hidden]) ~ :not([hidden])){
1217 --tw-space-y-reverse: 0;
1218 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1219 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1220 }
1221 .tr-root :is(.tr-divide-y > :not([hidden]) ~ :not([hidden])){
1222 --tw-divide-y-reverse: 0;
1223 border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1224 border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
1225 }
1226 .tr-root :is(.tr-divide-line-2 > :not([hidden]) ~ :not([hidden])){
1227 --tw-divide-opacity: 1;
1228 border-color: rgb(226 230 241 / var(--tw-divide-opacity, 1));
1229 }
1230 .tr-root :is(.tr-divide-secondary > :not([hidden]) ~ :not([hidden])){
1231 --tw-divide-opacity: 1;
1232 border-color: rgb(226 230 241 / var(--tw-divide-opacity, 1));
1233 }
1234 .tr-root .tr-self-start{
1235 align-self: flex-start;
1236 }
1237 .tr-root .tr-overflow-auto{
1238 overflow: auto;
1239 }
1240 .tr-root .tr-overflow-hidden{
1241 overflow: hidden;
1242 }
1243 .tr-root .tr-overflow-x-auto{
1244 overflow-x: auto;
1245 }
1246 .tr-root .tr-overflow-y-auto{
1247 overflow-y: auto;
1248 }
1249 .tr-root .tr-truncate{
1250 overflow: hidden;
1251 text-overflow: ellipsis;
1252 white-space: nowrap;
1253 }
1254 .tr-root .tr-whitespace-nowrap{
1255 white-space: nowrap;
1256 }
1257 .tr-root .tr-whitespace-pre{
1258 white-space: pre;
1259 }
1260 .tr-root .tr-whitespace-pre-wrap{
1261 white-space: pre-wrap;
1262 }
1263 .tr-root .tr-break-words{
1264 overflow-wrap: break-word;
1265 }
1266 .tr-root .tr-break-all{
1267 word-break: break-all;
1268 }
1269 .tr-root .tr-rounded{
1270 border-radius: 6px;
1271 }
1272 .tr-root .tr-rounded-2xl{
1273 border-radius: 1rem;
1274 }
1275 .tr-root .tr-rounded-full{
1276 border-radius: 9999px;
1277 }
1278 .tr-root .tr-rounded-lg{
1279 border-radius: 12px;
1280 }
1281 .tr-root .tr-rounded-md{
1282 border-radius: 8px;
1283 }
1284 .tr-root .tr-rounded-xl{
1285 border-radius: 16px;
1286 }
1287 .tr-root .tr-rounded-r{
1288 border-top-right-radius: 6px;
1289 border-bottom-right-radius: 6px;
1290 }
1291 .tr-root .tr-border{
1292 border-width: 1px;
1293 }
1294 .tr-root .tr-border-0{
1295 border-width: 0px;
1296 }
1297 .tr-root .tr-border-2{
1298 border-width: 2px;
1299 }
1300 .tr-root .tr-border-\[1\.5px\]{
1301 border-width: 1.5px;
1302 }
1303 .tr-root .tr-border-b{
1304 border-bottom-width: 1px;
1305 }
1306 .tr-root .tr-border-b-2{
1307 border-bottom-width: 2px;
1308 }
1309 .tr-root .tr-border-l{
1310 border-left-width: 1px;
1311 }
1312 .tr-root .tr-border-l-2{
1313 border-left-width: 2px;
1314 }
1315 .tr-root .tr-border-l-4{
1316 border-left-width: 4px;
1317 }
1318 .tr-root .tr-border-r{
1319 border-right-width: 1px;
1320 }
1321 .tr-root .tr-border-t{
1322 border-top-width: 1px;
1323 }
1324 .tr-root .tr-border-solid{
1325 border-style: solid;
1326 }
1327 .tr-root .tr-border-dashed{
1328 border-style: dashed;
1329 }
1330 .tr-root .tr-border-amber-200{
1331 --tw-border-opacity: 1;
1332 border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
1333 }
1334 .tr-root .tr-border-blue-100{
1335 --tw-border-opacity: 1;
1336 border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
1337 }
1338 .tr-root .tr-border-blue-200{
1339 --tw-border-opacity: 1;
1340 border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
1341 }
1342 .tr-root .tr-border-brand{
1343 --tw-border-opacity: 1;
1344 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
1345 }
1346 .tr-root .tr-border-brand\/30{
1347 border-color: rgb(68 81 255 / 0.3);
1348 }
1349 .tr-root .tr-border-danger{
1350 --tw-border-opacity: 1;
1351 border-color: rgb(146 28 19 / var(--tw-border-opacity, 1));
1352 }
1353 .tr-root .tr-border-danger\/30{
1354 border-color: rgb(146 28 19 / 0.3);
1355 }
1356 .tr-root .tr-border-emerald-200{
1357 --tw-border-opacity: 1;
1358 border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
1359 }
1360 .tr-root .tr-border-line{
1361 --tw-border-opacity: 1;
1362 border-color: rgb(213 213 221 / var(--tw-border-opacity, 1));
1363 }
1364 .tr-root .tr-border-primary{
1365 --tw-border-opacity: 1;
1366 border-color: rgb(213 213 221 / var(--tw-border-opacity, 1));
1367 }
1368 .tr-root .tr-border-secondary{
1369 --tw-border-opacity: 1;
1370 border-color: rgb(226 230 241 / var(--tw-border-opacity, 1));
1371 }
1372 .tr-root .tr-border-slate-100{
1373 --tw-border-opacity: 1;
1374 border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
1375 }
1376 .tr-root .tr-border-slate-200{
1377 --tw-border-opacity: 1;
1378 border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
1379 }
1380 .tr-root .tr-border-slate-300{
1381 --tw-border-opacity: 1;
1382 border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
1383 }
1384 .tr-root .tr-border-success{
1385 --tw-border-opacity: 1;
1386 border-color: rgb(2 122 72 / var(--tw-border-opacity, 1));
1387 }
1388 .tr-root .tr-border-success\/20{
1389 border-color: rgb(2 122 72 / 0.2);
1390 }
1391 .tr-root .tr-border-success\/30{
1392 border-color: rgb(2 122 72 / 0.3);
1393 }
1394 .tr-root .tr-border-transparent{
1395 border-color: transparent;
1396 }
1397 .tr-root .tr-border-violet-200{
1398 --tw-border-opacity: 1;
1399 border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
1400 }
1401 .tr-root .tr-border-warning{
1402 --tw-border-opacity: 1;
1403 border-color: rgb(181 71 8 / var(--tw-border-opacity, 1));
1404 }
1405 .tr-root .tr-border-warning\/20{
1406 border-color: rgb(181 71 8 / 0.2);
1407 }
1408 .tr-root .tr-border-warning\/30{
1409 border-color: rgb(181 71 8 / 0.3);
1410 }
1411 .tr-root .tr-border-white{
1412 --tw-border-opacity: 1;
1413 border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
1414 }
1415 .tr-root .tr-border-yellow-200{
1416 --tw-border-opacity: 1;
1417 border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
1418 }
1419 .tr-root .tr-border-b-\[\#E5E7EB\]{
1420 --tw-border-opacity: 1;
1421 border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
1422 }
1423 .tr-root .tr-border-t-transparent{
1424 border-top-color: transparent;
1425 }
1426 .tr-root .tr-bg-\[\#EEF0F7\]{
1427 --tw-bg-opacity: 1;
1428 background-color: rgb(238 240 247 / var(--tw-bg-opacity, 1));
1429 }
1430 .tr-root .tr-bg-\[\#F2F3F5\]{
1431 --tw-bg-opacity: 1;
1432 background-color: rgb(242 243 245 / var(--tw-bg-opacity, 1));
1433 }
1434 .tr-root .tr-bg-\[\#F5F6FA\]{
1435 --tw-bg-opacity: 1;
1436 background-color: rgb(245 246 250 / var(--tw-bg-opacity, 1));
1437 }
1438 .tr-root .tr-bg-\[\#F6F7FB\]{
1439 --tw-bg-opacity: 1;
1440 background-color: rgb(246 247 251 / var(--tw-bg-opacity, 1));
1441 }
1442 .tr-root .tr-bg-\[\#F7F8FB\]{
1443 --tw-bg-opacity: 1;
1444 background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1));
1445 }
1446 .tr-root .tr-bg-\[\#FAFBFC\]{
1447 --tw-bg-opacity: 1;
1448 background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1));
1449 }
1450 .tr-root .tr-bg-\[\#ecfdf3\]{
1451 --tw-bg-opacity: 1;
1452 background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
1453 }
1454 .tr-root .tr-bg-\[\#f2f4f7\]{
1455 --tw-bg-opacity: 1;
1456 background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1));
1457 }
1458 .tr-root .tr-bg-\[\#fef3f2\]{
1459 --tw-bg-opacity: 1;
1460 background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
1461 }
1462 .tr-root .tr-bg-\[\#fffaeb\]{
1463 --tw-bg-opacity: 1;
1464 background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
1465 }
1466 .tr-root .tr-bg-\[var\(--tr-bg-subtle\)\]{
1467 background-color: var(--tr-bg-subtle);
1468 }
1469 .tr-root .tr-bg-amber-100{
1470 --tw-bg-opacity: 1;
1471 background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
1472 }
1473 .tr-root .tr-bg-amber-50{
1474 --tw-bg-opacity: 1;
1475 background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
1476 }
1477 .tr-root .tr-bg-black\/40{
1478 background-color: rgb(0 0 0 / 0.4);
1479 }
1480 .tr-root .tr-bg-black\/70{
1481 background-color: rgb(0 0 0 / 0.7);
1482 }
1483 .tr-root .tr-bg-blue-50{
1484 --tw-bg-opacity: 1;
1485 background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
1486 }
1487 .tr-root .tr-bg-brand{
1488 --tw-bg-opacity: 1;
1489 background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1));
1490 }
1491 .tr-root .tr-bg-brand-bg{
1492 --tw-bg-opacity: 1;
1493 background-color: rgb(238 240 255 / var(--tw-bg-opacity, 1));
1494 }
1495 .tr-root .tr-bg-brand-bg\/30{
1496 background-color: rgb(238 240 255 / 0.3);
1497 }
1498 .tr-root .tr-bg-brand-bg\/40{
1499 background-color: rgb(238 240 255 / 0.4);
1500 }
1501 .tr-root .tr-bg-cyan-50{
1502 --tw-bg-opacity: 1;
1503 background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
1504 }
1505 .tr-root .tr-bg-danger{
1506 --tw-bg-opacity: 1;
1507 background-color: rgb(146 28 19 / var(--tw-bg-opacity, 1));
1508 }
1509 .tr-root .tr-bg-danger-bg{
1510 --tw-bg-opacity: 1;
1511 background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
1512 }
1513 .tr-root .tr-bg-emerald-50{
1514 --tw-bg-opacity: 1;
1515 background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
1516 }
1517 .tr-root .tr-bg-gray-50{
1518 --tw-bg-opacity: 1;
1519 background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1520 }
1521 .tr-root .tr-bg-green-100{
1522 --tw-bg-opacity: 1;
1523 background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
1524 }
1525 .tr-root .tr-bg-ink-1{
1526 --tw-bg-opacity: 1;
1527 background-color: rgb(29 29 29 / var(--tw-bg-opacity, 1));
1528 }
1529 .tr-root .tr-bg-ink-2{
1530 --tw-bg-opacity: 1;
1531 background-color: rgb(83 83 83 / var(--tw-bg-opacity, 1));
1532 }
1533 .tr-root .tr-bg-ink-2\/40{
1534 background-color: rgb(83 83 83 / 0.4);
1535 }
1536 .tr-root .tr-bg-line{
1537 --tw-bg-opacity: 1;
1538 background-color: rgb(213 213 221 / var(--tw-bg-opacity, 1));
1539 }
1540 .tr-root .tr-bg-line-2{
1541 --tw-bg-opacity: 1;
1542 background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1));
1543 }
1544 .tr-root .tr-bg-orange-100{
1545 --tw-bg-opacity: 1;
1546 background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
1547 }
1548 .tr-root .tr-bg-pink-50{
1549 --tw-bg-opacity: 1;
1550 background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
1551 }
1552 .tr-root .tr-bg-red-100{
1553 --tw-bg-opacity: 1;
1554 background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
1555 }
1556 .tr-root .tr-bg-slate-50{
1557 --tw-bg-opacity: 1;
1558 background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
1559 }
1560 .tr-root .tr-bg-success{
1561 --tw-bg-opacity: 1;
1562 background-color: rgb(2 122 72 / var(--tw-bg-opacity, 1));
1563 }
1564 .tr-root .tr-bg-success-bg{
1565 --tw-bg-opacity: 1;
1566 background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1));
1567 }
1568 .tr-root .tr-bg-success\/10{
1569 background-color: rgb(2 122 72 / 0.1);
1570 }
1571 .tr-root .tr-bg-transparent{
1572 background-color: transparent;
1573 }
1574 .tr-root .tr-bg-violet-50{
1575 --tw-bg-opacity: 1;
1576 background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
1577 }
1578 .tr-root .tr-bg-warning{
1579 --tw-bg-opacity: 1;
1580 background-color: rgb(181 71 8 / var(--tw-bg-opacity, 1));
1581 }
1582 .tr-root .tr-bg-warning-bg{
1583 --tw-bg-opacity: 1;
1584 background-color: rgb(255 250 235 / var(--tw-bg-opacity, 1));
1585 }
1586 .tr-root .tr-bg-white{
1587 --tw-bg-opacity: 1;
1588 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1589 }
1590 .tr-root .tr-bg-white\/10{
1591 background-color: rgb(255 255 255 / 0.1);
1592 }
1593 .tr-root .tr-bg-white\/15{
1594 background-color: rgb(255 255 255 / 0.15);
1595 }
1596 .tr-root .tr-bg-white\/25{
1597 background-color: rgb(255 255 255 / 0.25);
1598 }
1599 .tr-root .tr-bg-white\/5{
1600 background-color: rgb(255 255 255 / 0.05);
1601 }
1602 .tr-root .tr-bg-white\/90{
1603 background-color: rgb(255 255 255 / 0.9);
1604 }
1605 .tr-root .tr-bg-yellow-100{
1606 --tw-bg-opacity: 1;
1607 background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
1608 }
1609 .tr-root .tr-bg-yellow-50{
1610 --tw-bg-opacity: 1;
1611 background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
1612 }
1613 .tr-root .tr-bg-\[linear-gradient\(90deg\,\#4c4cff_58\%\,\#3535b0_118\%\)\]{
1614 background-image: linear-gradient(90deg,#4c4cff 58%,#3535b0 118%);
1615 }
1616 .tr-root .tr-object-contain{
1617 object-fit: contain;
1618 }
1619 .tr-root .tr-object-cover{
1620 object-fit: cover;
1621 }
1622 .tr-root .tr-p-0{
1623 padding: 0px;
1624 }
1625 .tr-root .tr-p-0\.5{
1626 padding: 0.125rem;
1627 }
1628 .tr-root .tr-p-1{
1629 padding: 0.25rem;
1630 }
1631 .tr-root .tr-p-10{
1632 padding: 2.5rem;
1633 }
1634 .tr-root .tr-p-12{
1635 padding: 3rem;
1636 }
1637 .tr-root .tr-p-16{
1638 padding: 4rem;
1639 }
1640 .tr-root .tr-p-2{
1641 padding: 0.5rem;
1642 }
1643 .tr-root .tr-p-2\.5{
1644 padding: 0.625rem;
1645 }
1646 .tr-root .tr-p-3{
1647 padding: 0.75rem;
1648 }
1649 .tr-root .tr-p-3\.5{
1650 padding: 0.875rem;
1651 }
1652 .tr-root .tr-p-4{
1653 padding: 1rem;
1654 }
1655 .tr-root .tr-p-5{
1656 padding: 1.25rem;
1657 }
1658 .tr-root .tr-p-6{
1659 padding: 1.5rem;
1660 }
1661 .tr-root .tr-p-8{
1662 padding: 2rem;
1663 }
1664 .tr-root .tr-px-1{
1665 padding-left: 0.25rem;
1666 padding-right: 0.25rem;
1667 }
1668 .tr-root .tr-px-1\.5{
1669 padding-left: 0.375rem;
1670 padding-right: 0.375rem;
1671 }
1672 .tr-root .tr-px-2{
1673 padding-left: 0.5rem;
1674 padding-right: 0.5rem;
1675 }
1676 .tr-root .tr-px-2\.5{
1677 padding-left: 0.625rem;
1678 padding-right: 0.625rem;
1679 }
1680 .tr-root .tr-px-3{
1681 padding-left: 0.75rem;
1682 padding-right: 0.75rem;
1683 }
1684 .tr-root .tr-px-4{
1685 padding-left: 1rem;
1686 padding-right: 1rem;
1687 }
1688 .tr-root .tr-px-5{
1689 padding-left: 1.25rem;
1690 padding-right: 1.25rem;
1691 }
1692 .tr-root .tr-px-6{
1693 padding-left: 1.5rem;
1694 padding-right: 1.5rem;
1695 }
1696 .tr-root .tr-py-0\.5{
1697 padding-top: 0.125rem;
1698 padding-bottom: 0.125rem;
1699 }
1700 .tr-root .tr-py-1{
1701 padding-top: 0.25rem;
1702 padding-bottom: 0.25rem;
1703 }
1704 .tr-root .tr-py-1\.5{
1705 padding-top: 0.375rem;
1706 padding-bottom: 0.375rem;
1707 }
1708 .tr-root .tr-py-10{
1709 padding-top: 2.5rem;
1710 padding-bottom: 2.5rem;
1711 }
1712 .tr-root .tr-py-2{
1713 padding-top: 0.5rem;
1714 padding-bottom: 0.5rem;
1715 }
1716 .tr-root .tr-py-2\.5{
1717 padding-top: 0.625rem;
1718 padding-bottom: 0.625rem;
1719 }
1720 .tr-root .tr-py-3{
1721 padding-top: 0.75rem;
1722 padding-bottom: 0.75rem;
1723 }
1724 .tr-root .tr-py-3\.5{
1725 padding-top: 0.875rem;
1726 padding-bottom: 0.875rem;
1727 }
1728 .tr-root .tr-py-4{
1729 padding-top: 1rem;
1730 padding-bottom: 1rem;
1731 }
1732 .tr-root .tr-py-5{
1733 padding-top: 1.25rem;
1734 padding-bottom: 1.25rem;
1735 }
1736 .tr-root .tr-py-6{
1737 padding-top: 1.5rem;
1738 padding-bottom: 1.5rem;
1739 }
1740 .tr-root .tr-py-7{
1741 padding-top: 1.75rem;
1742 padding-bottom: 1.75rem;
1743 }
1744 .tr-root .tr-py-8{
1745 padding-top: 2rem;
1746 padding-bottom: 2rem;
1747 }
1748 .tr-root .tr-py-px{
1749 padding-top: 1px;
1750 padding-bottom: 1px;
1751 }
1752 .tr-root .tr-pb-0{
1753 padding-bottom: 0px;
1754 }
1755 .tr-root .tr-pb-2{
1756 padding-bottom: 0.5rem;
1757 }
1758 .tr-root .tr-pb-3{
1759 padding-bottom: 0.75rem;
1760 }
1761 .tr-root .tr-pb-4{
1762 padding-bottom: 1rem;
1763 }
1764 .tr-root .tr-pb-5{
1765 padding-bottom: 1.25rem;
1766 }
1767 .tr-root .tr-pb-6{
1768 padding-bottom: 1.5rem;
1769 }
1770 .tr-root .tr-pl-0{
1771 padding-left: 0px;
1772 }
1773 .tr-root .tr-pl-1{
1774 padding-left: 0.25rem;
1775 }
1776 .tr-root .tr-pl-1\.5{
1777 padding-left: 0.375rem;
1778 }
1779 .tr-root .tr-pl-2{
1780 padding-left: 0.5rem;
1781 }
1782 .tr-root .tr-pl-3{
1783 padding-left: 0.75rem;
1784 }
1785 .tr-root .tr-pl-4{
1786 padding-left: 1rem;
1787 }
1788 .tr-root .tr-pl-5{
1789 padding-left: 1.25rem;
1790 }
1791 .tr-root .tr-pl-7{
1792 padding-left: 1.75rem;
1793 }
1794 .tr-root .tr-pl-8{
1795 padding-left: 2rem;
1796 }
1797 .tr-root .tr-pl-9{
1798 padding-left: 2.25rem;
1799 }
1800 .tr-root .tr-pr-1\.5{
1801 padding-right: 0.375rem;
1802 }
1803 .tr-root .tr-pr-10{
1804 padding-right: 2.5rem;
1805 }
1806 .tr-root .tr-pr-14{
1807 padding-right: 3.5rem;
1808 }
1809 .tr-root .tr-pr-16{
1810 padding-right: 4rem;
1811 }
1812 .tr-root .tr-pr-2{
1813 padding-right: 0.5rem;
1814 }
1815 .tr-root .tr-pr-3{
1816 padding-right: 0.75rem;
1817 }
1818 .tr-root .tr-pr-9{
1819 padding-right: 2.25rem;
1820 }
1821 .tr-root .tr-pt-0{
1822 padding-top: 0px;
1823 }
1824 .tr-root .tr-pt-0\.5{
1825 padding-top: 0.125rem;
1826 }
1827 .tr-root .tr-pt-1{
1828 padding-top: 0.25rem;
1829 }
1830 .tr-root .tr-pt-2{
1831 padding-top: 0.5rem;
1832 }
1833 .tr-root .tr-pt-4{
1834 padding-top: 1rem;
1835 }
1836 .tr-root .tr-pt-5{
1837 padding-top: 1.25rem;
1838 }
1839 .tr-root .tr-pt-6{
1840 padding-top: 1.5rem;
1841 }
1842 .tr-root .tr-text-left{
1843 text-align: left;
1844 }
1845 .tr-root .tr-text-center{
1846 text-align: center;
1847 }
1848 .tr-root .tr-text-right{
1849 text-align: right;
1850 }
1851 .tr-root .tr-align-top{
1852 vertical-align: top;
1853 }
1854 .tr-root .tr-align-middle{
1855 vertical-align: middle;
1856 }
1857 .tr-root .tr-font-mono{
1858 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
1859 }
1860 .tr-root .tr-font-sans{
1861 font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
1862 }
1863 .tr-root .tr-text-2xl{
1864 font-size: 1.5rem;
1865 line-height: 1.25;
1866 }
1867 .tr-root .tr-text-3xl{
1868 font-size: 1.875rem;
1869 line-height: 1.2;
1870 }
1871 .tr-root .tr-text-4xl{
1872 font-size: 2.25rem;
1873 line-height: 2.5rem;
1874 }
1875 .tr-root .tr-text-\[10px\]{
1876 font-size: 10px;
1877 }
1878 .tr-root .tr-text-\[11px\]{
1879 font-size: 11px;
1880 }
1881 .tr-root .tr-text-\[13px\]{
1882 font-size: 13px;
1883 }
1884 .tr-root .tr-text-\[18px\]{
1885 font-size: 18px;
1886 }
1887 .tr-root .tr-text-\[9px\]{
1888 font-size: 9px;
1889 }
1890 .tr-root .tr-text-base{
1891 font-size: 1rem;
1892 line-height: 1.5;
1893 }
1894 .tr-root .tr-text-lg{
1895 font-size: 1.125rem;
1896 line-height: 1.4;
1897 }
1898 .tr-root .tr-text-sm{
1899 font-size: 0.875rem;
1900 line-height: 1.5;
1901 }
1902 .tr-root .tr-text-xl{
1903 font-size: 1.25rem;
1904 line-height: 1.3;
1905 }
1906 .tr-root .tr-text-xs{
1907 font-size: 0.75rem;
1908 line-height: 1.5;
1909 }
1910 .tr-root .tr-font-bold{
1911 font-weight: 700;
1912 }
1913 .tr-root .tr-font-medium{
1914 font-weight: 500;
1915 }
1916 .tr-root .tr-font-normal{
1917 font-weight: 400;
1918 }
1919 .tr-root .tr-font-semibold{
1920 font-weight: 600;
1921 }
1922 .tr-root .tr-uppercase{
1923 text-transform: uppercase;
1924 }
1925 .tr-root .tr-capitalize{
1926 text-transform: capitalize;
1927 }
1928 .tr-root .tr-italic{
1929 font-style: italic;
1930 }
1931 .tr-root .tr-tabular-nums{
1932 --tw-numeric-spacing: tabular-nums;
1933 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
1934 }
1935 .tr-root .tr-leading-4{
1936 line-height: 1rem;
1937 }
1938 .tr-root .tr-leading-5{
1939 line-height: 1.25rem;
1940 }
1941 .tr-root .tr-leading-6{
1942 line-height: 1.5rem;
1943 }
1944 .tr-root .tr-leading-7{
1945 line-height: 1.75rem;
1946 }
1947 .tr-root .tr-leading-none{
1948 line-height: 1;
1949 }
1950 .tr-root .tr-leading-relaxed{
1951 line-height: 1.625;
1952 }
1953 .tr-root .tr-leading-snug{
1954 line-height: 1.375;
1955 }
1956 .tr-root .tr-leading-tight{
1957 line-height: 1.25;
1958 }
1959 .tr-root .tr-tracking-wide{
1960 letter-spacing: 0.025em;
1961 }
1962 .tr-root .tr-text-\[\#006621\]{
1963 --tw-text-opacity: 1;
1964 color: rgb(0 102 33 / var(--tw-text-opacity, 1));
1965 }
1966 .tr-root .tr-text-\[\#1a0dab\]{
1967 --tw-text-opacity: 1;
1968 color: rgb(26 13 171 / var(--tw-text-opacity, 1));
1969 }
1970 .tr-root .tr-text-\[\#535353\]{
1971 --tw-text-opacity: 1;
1972 color: rgb(83 83 83 / var(--tw-text-opacity, 1));
1973 }
1974 .tr-root .tr-text-amber-600{
1975 --tw-text-opacity: 1;
1976 color: rgb(217 119 6 / var(--tw-text-opacity, 1));
1977 }
1978 .tr-root .tr-text-amber-700{
1979 --tw-text-opacity: 1;
1980 color: rgb(180 83 9 / var(--tw-text-opacity, 1));
1981 }
1982 .tr-root .tr-text-blue-600{
1983 --tw-text-opacity: 1;
1984 color: rgb(37 99 235 / var(--tw-text-opacity, 1));
1985 }
1986 .tr-root .tr-text-blue-700{
1987 --tw-text-opacity: 1;
1988 color: rgb(29 78 216 / var(--tw-text-opacity, 1));
1989 }
1990 .tr-root .tr-text-brand{
1991 --tw-text-opacity: 1;
1992 color: rgb(68 81 255 / var(--tw-text-opacity, 1));
1993 }
1994 .tr-root .tr-text-brand\/80{
1995 color: rgb(68 81 255 / 0.8);
1996 }
1997 .tr-root .tr-text-current{
1998 color: currentColor;
1999 }
2000 .tr-root .tr-text-cyan-600{
2001 --tw-text-opacity: 1;
2002 color: rgb(8 145 178 / var(--tw-text-opacity, 1));
2003 }
2004 .tr-root .tr-text-danger{
2005 --tw-text-opacity: 1;
2006 color: rgb(146 28 19 / var(--tw-text-opacity, 1));
2007 }
2008 .tr-root .tr-text-danger\/80{
2009 color: rgb(146 28 19 / 0.8);
2010 }
2011 .tr-root .tr-text-emerald-600{
2012 --tw-text-opacity: 1;
2013 color: rgb(5 150 105 / var(--tw-text-opacity, 1));
2014 }
2015 .tr-root .tr-text-emerald-700{
2016 --tw-text-opacity: 1;
2017 color: rgb(4 120 87 / var(--tw-text-opacity, 1));
2018 }
2019 .tr-root .tr-text-green-700{
2020 --tw-text-opacity: 1;
2021 color: rgb(21 128 61 / var(--tw-text-opacity, 1));
2022 }
2023 .tr-root .tr-text-orange-700{
2024 --tw-text-opacity: 1;
2025 color: rgb(194 65 12 / var(--tw-text-opacity, 1));
2026 }
2027 .tr-root .tr-text-pink-600{
2028 --tw-text-opacity: 1;
2029 color: rgb(219 39 119 / var(--tw-text-opacity, 1));
2030 }
2031 .tr-root .tr-text-primary{
2032 --tw-text-opacity: 1;
2033 color: rgb(29 29 29 / var(--tw-text-opacity, 1));
2034 }
2035 .tr-root .tr-text-red-600{
2036 --tw-text-opacity: 1;
2037 color: rgb(220 38 38 / var(--tw-text-opacity, 1));
2038 }
2039 .tr-root .tr-text-red-700{
2040 --tw-text-opacity: 1;
2041 color: rgb(185 28 28 / var(--tw-text-opacity, 1));
2042 }
2043 .tr-root .tr-text-secondary{
2044 --tw-text-opacity: 1;
2045 color: rgb(83 83 83 / var(--tw-text-opacity, 1));
2046 }
2047 .tr-root .tr-text-slate-300{
2048 --tw-text-opacity: 1;
2049 color: rgb(203 213 225 / var(--tw-text-opacity, 1));
2050 }
2051 .tr-root .tr-text-slate-400{
2052 --tw-text-opacity: 1;
2053 color: rgb(148 163 184 / var(--tw-text-opacity, 1));
2054 }
2055 .tr-root .tr-text-slate-500{
2056 --tw-text-opacity: 1;
2057 color: rgb(100 116 139 / var(--tw-text-opacity, 1));
2058 }
2059 .tr-root .tr-text-slate-600{
2060 --tw-text-opacity: 1;
2061 color: rgb(71 85 105 / var(--tw-text-opacity, 1));
2062 }
2063 .tr-root .tr-text-slate-700{
2064 --tw-text-opacity: 1;
2065 color: rgb(51 65 85 / var(--tw-text-opacity, 1));
2066 }
2067 .tr-root .tr-text-slate-900{
2068 --tw-text-opacity: 1;
2069 color: rgb(15 23 42 / var(--tw-text-opacity, 1));
2070 }
2071 .tr-root .tr-text-success{
2072 --tw-text-opacity: 1;
2073 color: rgb(2 122 72 / var(--tw-text-opacity, 1));
2074 }
2075 .tr-root .tr-text-success\/70{
2076 color: rgb(2 122 72 / 0.7);
2077 }
2078 .tr-root .tr-text-success\/80{
2079 color: rgb(2 122 72 / 0.8);
2080 }
2081 .tr-root .tr-text-surface{
2082 --tw-text-opacity: 1;
2083 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2084 }
2085 .tr-root .tr-text-tertiary{
2086 --tw-text-opacity: 1;
2087 color: rgb(90 92 94 / var(--tw-text-opacity, 1));
2088 }
2089 .tr-root .tr-text-violet-700{
2090 --tw-text-opacity: 1;
2091 color: rgb(109 40 217 / var(--tw-text-opacity, 1));
2092 }
2093 .tr-root .tr-text-warning{
2094 --tw-text-opacity: 1;
2095 color: rgb(181 71 8 / var(--tw-text-opacity, 1));
2096 }
2097 .tr-root .tr-text-warning\/80{
2098 color: rgb(181 71 8 / 0.8);
2099 }
2100 .tr-root .tr-text-white{
2101 --tw-text-opacity: 1;
2102 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2103 }
2104 .tr-root .tr-text-white\/70{
2105 color: rgb(255 255 255 / 0.7);
2106 }
2107 .tr-root .tr-text-yellow-700{
2108 --tw-text-opacity: 1;
2109 color: rgb(161 98 7 / var(--tw-text-opacity, 1));
2110 }
2111 .tr-root .tr-text-yellow-800{
2112 --tw-text-opacity: 1;
2113 color: rgb(133 77 14 / var(--tw-text-opacity, 1));
2114 }
2115 .tr-root .tr-underline{
2116 text-decoration-line: underline;
2117 }
2118 .tr-root .tr-no-underline{
2119 text-decoration-line: none;
2120 }
2121 .tr-root .tr-accent-blue-600{
2122 accent-color: #2563eb;
2123 }
2124 .tr-root .tr-opacity-0{
2125 opacity: 0;
2126 }
2127 .tr-root .tr-opacity-100{
2128 opacity: 1;
2129 }
2130 .tr-root .tr-opacity-50{
2131 opacity: 0.5;
2132 }
2133 .tr-root .tr-opacity-60{
2134 opacity: 0.6;
2135 }
2136 .tr-root .tr-opacity-70{
2137 opacity: 0.7;
2138 }
2139 .tr-root .tr-shadow{
2140 --tw-shadow: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.06);
2141 --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color);
2142 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2143 }
2144 .tr-root .tr-shadow-2xl{
2145 --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
2146 --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
2147 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2148 }
2149 .tr-root .tr-shadow-lg{
2150 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -2px rgba(0,0,0,.05);
2151 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
2152 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2153 }
2154 .tr-root .tr-shadow-md{
2155 --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -1px rgba(0,0,0,.06);
2156 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
2157 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2158 }
2159 .tr-root .tr-shadow-sm{
2160 --tw-shadow: 0 1px 2px rgba(0,0,0,.05);
2161 --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
2162 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2163 }
2164 .tr-root .tr-outline-none{
2165 outline: 2px solid transparent;
2166 outline-offset: 2px;
2167 }
2168 .tr-root .tr-ring-1{
2169 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2170 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2171 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2172 }
2173 .tr-root .tr-ring-2{
2174 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2175 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2176 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2177 }
2178 .tr-root .tr-ring-brand-500{
2179 --tw-ring-opacity: 1;
2180 --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1));
2181 }
2182 .tr-root .tr-ring-white{
2183 --tw-ring-opacity: 1;
2184 --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
2185 }
2186 .tr-root .tr-ring-white\/25{
2187 --tw-ring-color: rgb(255 255 255 / 0.25);
2188 }
2189 .tr-root .tr-blur-2xl{
2190 --tw-blur: blur(40px);
2191 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);
2192 }
2193 .tr-root .tr-backdrop-blur-sm{
2194 --tw-backdrop-blur: blur(4px);
2195 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);
2196 }
2197 .tr-root .tr-transition-\[grid-template-rows\]{
2198 transition-property: grid-template-rows;
2199 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2200 transition-duration: 150ms;
2201 }
2202 .tr-root .tr-transition-all{
2203 transition-property: all;
2204 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2205 transition-duration: 150ms;
2206 }
2207 .tr-root .tr-transition-colors{
2208 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2209 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2210 transition-duration: 150ms;
2211 }
2212 .tr-root .tr-transition-opacity{
2213 transition-property: opacity;
2214 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2215 transition-duration: 150ms;
2216 }
2217 .tr-root .tr-transition-shadow{
2218 transition-property: box-shadow;
2219 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2220 transition-duration: 150ms;
2221 }
2222 .tr-root .tr-transition-transform{
2223 transition-property: transform;
2224 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2225 transition-duration: 150ms;
2226 }
2227 .tr-root .tr-duration-100{
2228 transition-duration: 100ms;
2229 }
2230 .tr-root .tr-duration-150{
2231 transition-duration: 150ms;
2232 }
2233 .tr-root .tr-duration-200{
2234 transition-duration: 200ms;
2235 }
2236 .tr-root .tr-duration-300{
2237 transition-duration: 300ms;
2238 }
2239 .tr-root .tr-ease-out{
2240 transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2241 }
2242 @media (prefers-reduced-motion: reduce) {
2243
2244 .tr-root .tr-animate-skeleton-pulse,
2245 .tr-root .tr-animate-spin,
2246 .tr-root .tr-animate-score-spin {
2247 animation: none !important;
2248 }
2249
2250 .tr-root .tr-transition,
2251 .tr-root .tr-transition-colors,
2252 .tr-root .tr-transition-transform,
2253 .tr-root .tr-transition-opacity,
2254 .tr-root .tr-transition-all {
2255 transition: none !important;
2256 }
2257
2258 .tr-root .tr-animate-skeleton-pulse,
2259 .tr-root .tr-animate-spin,
2260 .tr-root .tr-animate-score-spin {
2261 animation: none !important;
2262 }
2263
2264 .tr-root .tr-transition,
2265 .tr-root .tr-transition-colors,
2266 .tr-root .tr-transition-transform,
2267 .tr-root .tr-transition-opacity,
2268 .tr-root .tr-transition-all {
2269 transition: none !important;
2270 }
2271
2272 .tr-root .tr-animate-skeleton-pulse,
2273 .tr-root .tr-animate-spin,
2274 .tr-root .tr-animate-score-spin {
2275 animation: none !important;
2276 }
2277
2278 .tr-root .tr-transition,
2279 .tr-root .tr-transition-colors,
2280 .tr-root .tr-transition-transform,
2281 .tr-root .tr-transition-opacity,
2282 .tr-root .tr-transition-all {
2283 transition: none !important;
2284 }
2285
2286 .tr-root .tr-animate-skeleton-pulse,
2287 .tr-root .tr-animate-spin,
2288 .tr-root .tr-animate-score-spin {
2289 animation: none !important;
2290 }
2291
2292 .tr-root .tr-transition,
2293 .tr-root .tr-transition-colors,
2294 .tr-root .tr-transition-transform,
2295 .tr-root .tr-transition-opacity,
2296 .tr-root .tr-transition-all {
2297 transition: none !important;
2298 }
2299
2300 .tr-root .tr-animate-skeleton-pulse,
2301 .tr-root .tr-animate-spin,
2302 .tr-root .tr-animate-score-spin {
2303 animation: none !important;
2304 }
2305
2306 .tr-root .tr-transition,
2307 .tr-root .tr-transition-colors,
2308 .tr-root .tr-transition-transform,
2309 .tr-root .tr-transition-opacity,
2310 .tr-root .tr-transition-all {
2311 transition: none !important;
2312 }
2313
2314 .tr-root .tr-animate-skeleton-pulse,
2315 .tr-root .tr-animate-spin,
2316 .tr-root .tr-animate-score-spin {
2317 animation: none !important;
2318 }
2319
2320 .tr-root .tr-transition,
2321 .tr-root .tr-transition-colors,
2322 .tr-root .tr-transition-transform,
2323 .tr-root .tr-transition-opacity,
2324 .tr-root .tr-transition-all {
2325 transition: none !important;
2326 }
2327 }
2328
2329 /*
2330 * Tailwind Preflight (@tailwind base) emits UNSCOPED global resets — e.g.
2331 * `img, svg, video, canvas { display: block }` and `*, ::before, ::after`
2332 * box-sizing/border. Left as-is they leak past our React root into WordPress
2333 * admin chrome and page builders (Divi/Elementor/Oxygen), breaking host UI
2334 * (e.g. Divi's Visual Builder breadcrumb stacked vertically — issue #275).
2335 *
2336 * The scoping now happens at BUILD TIME in `build/postcss-scope-preflight.js`,
2337 * which rewrites every Preflight selector to live under `.tr-root` (where the
2338 * `tr-*` utilities already live). That removes the leak at the source, so the
2339 * old per-symptom overrides here (e.g. restoring `#adminmenu` icon centering)
2340 * are no longer needed.
2341 *
2342 * Do NOT add unscoped bare element selectors to this file — they would leak the
2343 * same way and defeat the build-time scoping.
2344 */
2345
2346 /* Ensure Tailwind's animate-* skeleton pulse respects reduced-motion */
2347
2348 .tr-root :is(.marker\:tr-hidden *)::marker{
2349 display: none;
2350 }
2351
2352 .tr-root .marker\:tr-hidden::marker{
2353 display: none;
2354 }
2355
2356 .tr-root .placeholder\:tr-text-tertiary::placeholder{
2357 --tw-text-opacity: 1;
2358 color: rgb(90 92 94 / var(--tw-text-opacity, 1));
2359 }
2360
2361 .tr-root .before\:tr-absolute::before{
2362 content: var(--tw-content);
2363 position: absolute;
2364 }
2365
2366 .tr-root .before\:tr-bottom-1::before{
2367 content: var(--tw-content);
2368 bottom: 0.25rem;
2369 }
2370
2371 .tr-root .before\:tr-left-\[1\.5rem\]::before{
2372 content: var(--tw-content);
2373 left: 1.5rem;
2374 }
2375
2376 .tr-root .before\:tr-top-1::before{
2377 content: var(--tw-content);
2378 top: 0.25rem;
2379 }
2380
2381 .tr-root .before\:tr-w-px::before{
2382 content: var(--tw-content);
2383 width: 1px;
2384 }
2385
2386 .tr-root .before\:tr-bg-line-2::before{
2387 content: var(--tw-content);
2388 --tw-bg-opacity: 1;
2389 background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1));
2390 }
2391
2392 .tr-root .before\:tr-content-\[\"\"\]::before{
2393 --tw-content: "";
2394 content: var(--tw-content);
2395 }
2396
2397 .tr-root .after\:tr-absolute::after{
2398 content: var(--tw-content);
2399 position: absolute;
2400 }
2401
2402 .tr-root .after\:tr-bottom-0::after{
2403 content: var(--tw-content);
2404 bottom: 0px;
2405 }
2406
2407 .tr-root .after\:tr-left-0::after{
2408 content: var(--tw-content);
2409 left: 0px;
2410 }
2411
2412 .tr-root .after\:tr-right-0::after{
2413 content: var(--tw-content);
2414 right: 0px;
2415 }
2416
2417 .tr-root .after\:tr-h-0\.5::after{
2418 content: var(--tw-content);
2419 height: 0.125rem;
2420 }
2421
2422 .tr-root .after\:tr-bg-brand::after{
2423 content: var(--tw-content);
2424 --tw-bg-opacity: 1;
2425 background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1));
2426 }
2427
2428 .tr-root .after\:tr-content-\[\'\'\]::after{
2429 --tw-content: '';
2430 content: var(--tw-content);
2431 }
2432
2433 .tr-root .first\:tr-border-t-0:first-child{
2434 border-top-width: 0px;
2435 }
2436
2437 .tr-root .last\:tr-border-0:last-child{
2438 border-width: 0px;
2439 }
2440
2441 .tr-root .last\:tr-border-b-0:last-child{
2442 border-bottom-width: 0px;
2443 }
2444
2445 .tr-root .focus-within\:tr-border-brand:focus-within{
2446 --tw-border-opacity: 1;
2447 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2448 }
2449
2450 .tr-root .hover\:tr-border-\[\#A9AEC0\]:hover{
2451 --tw-border-opacity: 1;
2452 border-color: rgb(169 174 192 / var(--tw-border-opacity, 1));
2453 }
2454
2455 .tr-root .hover\:tr-border-brand:hover{
2456 --tw-border-opacity: 1;
2457 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2458 }
2459
2460 .tr-root .hover\:tr-border-danger:hover{
2461 --tw-border-opacity: 1;
2462 border-color: rgb(146 28 19 / var(--tw-border-opacity, 1));
2463 }
2464
2465 .tr-root .hover\:tr-border-primary:hover{
2466 --tw-border-opacity: 1;
2467 border-color: rgb(213 213 221 / var(--tw-border-opacity, 1));
2468 }
2469
2470 .tr-root .hover\:tr-bg-\[\#3641D9\]:hover{
2471 --tw-bg-opacity: 1;
2472 background-color: rgb(54 65 217 / var(--tw-bg-opacity, 1));
2473 }
2474
2475 .tr-root .hover\:tr-bg-\[\#F7F8FB\]:hover{
2476 --tw-bg-opacity: 1;
2477 background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1));
2478 }
2479
2480 .tr-root .hover\:tr-bg-\[\#FAFBFC\]:hover{
2481 --tw-bg-opacity: 1;
2482 background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1));
2483 }
2484
2485 .tr-root .hover\:tr-bg-brand:hover{
2486 --tw-bg-opacity: 1;
2487 background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1));
2488 }
2489
2490 .tr-root .hover\:tr-bg-brand-bg:hover{
2491 --tw-bg-opacity: 1;
2492 background-color: rgb(238 240 255 / var(--tw-bg-opacity, 1));
2493 }
2494
2495 .tr-root .hover\:tr-bg-danger:hover{
2496 --tw-bg-opacity: 1;
2497 background-color: rgb(146 28 19 / var(--tw-bg-opacity, 1));
2498 }
2499
2500 .tr-root .hover\:tr-bg-danger-bg:hover{
2501 --tw-bg-opacity: 1;
2502 background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1));
2503 }
2504
2505 .tr-root .hover\:tr-bg-line-2:hover{
2506 --tw-bg-opacity: 1;
2507 background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1));
2508 }
2509
2510 .tr-root .hover\:tr-bg-line-2\/50:hover{
2511 background-color: rgb(226 230 241 / 0.5);
2512 }
2513
2514 .tr-root .hover\:tr-bg-white:hover{
2515 --tw-bg-opacity: 1;
2516 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2517 }
2518
2519 .tr-root .hover\:tr-text-\[\#3641D9\]:hover{
2520 --tw-text-opacity: 1;
2521 color: rgb(54 65 217 / var(--tw-text-opacity, 1));
2522 }
2523
2524 .tr-root .hover\:tr-text-blue-800:hover{
2525 --tw-text-opacity: 1;
2526 color: rgb(30 64 175 / var(--tw-text-opacity, 1));
2527 }
2528
2529 .tr-root .hover\:tr-text-brand:hover{
2530 --tw-text-opacity: 1;
2531 color: rgb(68 81 255 / var(--tw-text-opacity, 1));
2532 }
2533
2534 .tr-root .hover\:tr-text-danger:hover{
2535 --tw-text-opacity: 1;
2536 color: rgb(146 28 19 / var(--tw-text-opacity, 1));
2537 }
2538
2539 .tr-root .hover\:tr-text-primary:hover{
2540 --tw-text-opacity: 1;
2541 color: rgb(29 29 29 / var(--tw-text-opacity, 1));
2542 }
2543
2544 .tr-root .hover\:tr-text-secondary:hover{
2545 --tw-text-opacity: 1;
2546 color: rgb(83 83 83 / var(--tw-text-opacity, 1));
2547 }
2548
2549 .tr-root .hover\:tr-text-white:hover{
2550 --tw-text-opacity: 1;
2551 color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2552 }
2553
2554 .tr-root .hover\:tr-underline:hover{
2555 text-decoration-line: underline;
2556 }
2557
2558 .tr-root .hover\:tr-opacity-100:hover{
2559 opacity: 1;
2560 }
2561
2562 .tr-root .hover\:tr-opacity-70:hover{
2563 opacity: 0.7;
2564 }
2565
2566 .tr-root .hover\:tr-shadow-lg:hover{
2567 --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -2px rgba(0,0,0,.05);
2568 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
2569 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2570 }
2571
2572 .tr-root .hover\:tr-shadow-md:hover{
2573 --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.10), 0 2px 4px -1px rgba(0,0,0,.06);
2574 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -1px var(--tw-shadow-color);
2575 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2576 }
2577
2578 .tr-root .hover\:tr-brightness-110:hover{
2579 --tw-brightness: brightness(1.1);
2580 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);
2581 }
2582
2583 .tr-root .focus\:tr-border-brand:focus{
2584 --tw-border-opacity: 1;
2585 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2586 }
2587
2588 .tr-root .focus\:tr-bg-white:focus{
2589 --tw-bg-opacity: 1;
2590 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2591 }
2592
2593 .tr-root .focus\:tr-outline-none:focus{
2594 outline: 2px solid transparent;
2595 outline-offset: 2px;
2596 }
2597
2598 .tr-root .focus\:tr-ring-2:focus{
2599 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2600 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2601 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2602 }
2603
2604 .tr-root .focus\:tr-ring-brand:focus{
2605 --tw-ring-opacity: 1;
2606 --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1));
2607 }
2608
2609 .tr-root .focus\:tr-ring-current:focus{
2610 --tw-ring-color: currentColor;
2611 }
2612
2613 .tr-root .focus\:tr-ring-offset-1:focus{
2614 --tw-ring-offset-width: 1px;
2615 }
2616
2617 .tr-root .focus\:tr-ring-offset-2:focus{
2618 --tw-ring-offset-width: 2px;
2619 }
2620
2621 .tr-root .focus-visible\:tr-border-brand:focus-visible{
2622 --tw-border-opacity: 1;
2623 border-color: rgb(68 81 255 / var(--tw-border-opacity, 1));
2624 }
2625
2626 .tr-root .focus-visible\:tr-ring-2:focus-visible{
2627 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2628 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2629 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2630 }
2631
2632 .tr-root .focus-visible\:tr-ring-inset:focus-visible{
2633 --tw-ring-inset: inset;
2634 }
2635
2636 .tr-root .focus-visible\:tr-ring-brand:focus-visible{
2637 --tw-ring-opacity: 1;
2638 --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1));
2639 }
2640
2641 .tr-root .disabled\:tr-cursor-not-allowed:disabled{
2642 cursor: not-allowed;
2643 }
2644
2645 .tr-root .disabled\:tr-border-secondary:disabled{
2646 --tw-border-opacity: 1;
2647 border-color: rgb(226 230 241 / var(--tw-border-opacity, 1));
2648 }
2649
2650 .tr-root .disabled\:tr-bg-white:disabled{
2651 --tw-bg-opacity: 1;
2652 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2653 }
2654
2655 .tr-root .disabled\:tr-text-tertiary:disabled{
2656 --tw-text-opacity: 1;
2657 color: rgb(90 92 94 / var(--tw-text-opacity, 1));
2658 }
2659
2660 .tr-root .disabled\:tr-opacity-40:disabled{
2661 opacity: 0.4;
2662 }
2663
2664 .tr-root .disabled\:tr-opacity-50:disabled{
2665 opacity: 0.5;
2666 }
2667
2668 .tr-root .disabled\:tr-opacity-60:disabled{
2669 opacity: 0.6;
2670 }
2671
2672 .tr-root .disabled\:tr-opacity-70:disabled{
2673 opacity: 0.7;
2674 }
2675
2676 .tr-root :is(.tr-group[open] .group-open\:tr-rotate-90){
2677 --tw-rotate: 90deg;
2678 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));
2679 }
2680
2681 @media (min-width: 640px){
2682 .tr-root .sm\:tr-block{
2683 display: block;
2684 }
2685 .tr-root .sm\:tr-w-80{
2686 width: 20rem;
2687 }
2688 .tr-root .sm\:tr-flex-1{
2689 flex: 1 1 0%;
2690 }
2691 .tr-root .sm\:tr-grid-cols-2{
2692 grid-template-columns: repeat(2, minmax(0, 1fr));
2693 }
2694 .tr-root .sm\:tr-grid-cols-4{
2695 grid-template-columns: repeat(4, minmax(0, 1fr));
2696 }
2697 .tr-root .sm\:tr-flex-row{
2698 flex-direction: row;
2699 }
2700 }
2701
2702 @media (min-width: 768px){
2703 .tr-root .md\:tr-sticky{
2704 position: sticky;
2705 }
2706 .tr-root .md\:tr-top-0{
2707 top: 0px;
2708 }
2709 .tr-root .md\:tr-top-4{
2710 top: 1rem;
2711 }
2712 .tr-root .md\:tr-block{
2713 display: block;
2714 }
2715 .tr-root .md\:tr-inline-flex{
2716 display: inline-flex;
2717 }
2718 .tr-root .md\:tr-w-44{
2719 width: 11rem;
2720 }
2721 .tr-root .md\:tr-w-52{
2722 width: 13rem;
2723 }
2724 .tr-root .md\:tr-w-56{
2725 width: 14rem;
2726 }
2727 .tr-root .md\:tr-w-full{
2728 width: 100%;
2729 }
2730 .tr-root .md\:tr-shrink-0{
2731 flex-shrink: 0;
2732 }
2733 .tr-root .md\:tr-grid-cols-2{
2734 grid-template-columns: repeat(2, minmax(0, 1fr));
2735 }
2736 .tr-root .md\:tr-grid-cols-3{
2737 grid-template-columns: repeat(3, minmax(0, 1fr));
2738 }
2739 .tr-root .md\:tr-grid-cols-4{
2740 grid-template-columns: repeat(4, minmax(0, 1fr));
2741 }
2742 .tr-root .md\:tr-flex-row{
2743 flex-direction: row;
2744 }
2745 .tr-root .md\:tr-flex-col{
2746 flex-direction: column;
2747 }
2748 .tr-root .md\:tr-items-stretch{
2749 align-items: stretch;
2750 }
2751 .tr-root .md\:tr-self-stretch{
2752 align-self: stretch;
2753 }
2754 .tr-root .md\:tr-overflow-visible{
2755 overflow: visible;
2756 }
2757 .tr-root .md\:tr-overflow-x-visible{
2758 overflow-x: visible;
2759 }
2760 .tr-root .md\:tr-border-b-0{
2761 border-bottom-width: 0px;
2762 }
2763 .tr-root .md\:tr-border-r{
2764 border-right-width: 1px;
2765 }
2766 .tr-root .md\:tr-p-6{
2767 padding: 1.5rem;
2768 }
2769 .tr-root .md\:tr-px-3{
2770 padding-left: 0.75rem;
2771 padding-right: 0.75rem;
2772 }
2773 .tr-root .md\:tr-px-8{
2774 padding-left: 2rem;
2775 padding-right: 2rem;
2776 }
2777 .tr-root .md\:tr-text-sm{
2778 font-size: 0.875rem;
2779 line-height: 1.5;
2780 }
2781 }
2782
2783 @media (min-width: 1024px){
2784 .tr-root .lg\:tr-absolute{
2785 position: absolute;
2786 }
2787 .tr-root .lg\:tr-inset-0{
2788 inset: 0px;
2789 }
2790 .tr-root .lg\:tr-col-span-2{
2791 grid-column: span 2 / span 2;
2792 }
2793 .tr-root .lg\:tr-col-span-3{
2794 grid-column: span 3 / span 3;
2795 }
2796 .tr-root .lg\:tr-flex{
2797 display: flex;
2798 }
2799 .tr-root .lg\:tr-inline-flex{
2800 display: inline-flex;
2801 }
2802 .tr-root .lg\:tr-w-56{
2803 width: 14rem;
2804 }
2805 .tr-root .lg\:tr-grid-cols-2{
2806 grid-template-columns: repeat(2, minmax(0, 1fr));
2807 }
2808 .tr-root .lg\:tr-grid-cols-3{
2809 grid-template-columns: repeat(3, minmax(0, 1fr));
2810 }
2811 .tr-root .lg\:tr-grid-cols-4{
2812 grid-template-columns: repeat(4, minmax(0, 1fr));
2813 }
2814 .tr-root .lg\:tr-grid-cols-5{
2815 grid-template-columns: repeat(5, minmax(0, 1fr));
2816 }
2817 .tr-root .lg\:tr-grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{
2818 grid-template-columns: minmax(0,1fr) minmax(0,2fr);
2819 }
2820 .tr-root .lg\:tr-gap-6{
2821 gap: 1.5rem;
2822 }
2823 .tr-root .lg\:tr-gap-8{
2824 gap: 2rem;
2825 }
2826 .tr-root .lg\:tr-p-8{
2827 padding: 2rem;
2828 }
2829 .tr-root .lg\:tr-pt-2\.5{
2830 padding-top: 0.625rem;
2831 }
2832 }
2833
2834 @media (min-width: 1280px){
2835 .tr-root .xl\:tr-col-span-2{
2836 grid-column: span 2 / span 2;
2837 }
2838 .tr-root .xl\:tr-block{
2839 display: block;
2840 }
2841 .tr-root .xl\:tr-grid-cols-3{
2842 grid-template-columns: repeat(3, minmax(0, 1fr));
2843 }
2844 }
2845
2846 .tr-root :is(.\[\&_p\:last-child\]\:tr-mb-0 p:last-child){
2847 margin-bottom: 0px;
2848 }
2849
2850 .tr-root :is(.\[\&_p\]\:tr-mb-3 p){
2851 margin-bottom: 0.75rem;
2852 }
2853
2854 .tr-root :is(.\[\&_p\]\:tr-mt-0 p){
2855 margin-top: 0px;
2856 }
2857
2858 .tr-root :is(.\[\&_strong\]\:tr-font-semibold strong){
2859 font-weight: 600;
2860 }
2861
2862 .tr-root :is(.\[\&_strong\]\:tr-text-primary strong){
2863 --tw-text-opacity: 1;
2864 color: rgb(29 29 29 / var(--tw-text-opacity, 1));
2865 }
2866
2867 @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}}
2868